/* ===================================================================
   AX4T NFC — shared base styles
   -------------------------------------------------------------------
   Edit the variables below to match ax4t.com's brand. Every other
   file in this folder (login / activate / dashboard / public-card)
   reads from these same variable names, so changing the colours
   here re-skins the whole plugin at once. Each of the other files
   only needs layout tweaks specific to that one area.
   =================================================================== */
:root{
  --ax4t-bg:            #ffffff;
  --ax4t-surface:       #ffffff;
  --ax4t-border:        #e5e5e5;
  --ax4t-radius:        16px;
  --ax4t-text:          #111111;
  --ax4t-muted:         #666666;
  --ax4t-primary:       #111111;   /* buttons, accents          */
  --ax4t-primary-text:  #ffffff;   /* text on top of --ax4t-primary */
  --ax4t-success:       #16723a;
  --ax4t-error:         #aa0000;
  --ax4t-font:          -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
}

.ax4t-nfc-box{
  max-width: 720px;
  margin: 30px auto;
  padding: 28px;
  border: 1px solid var(--ax4t-border);
  border-radius: var(--ax4t-radius);
  background: var(--ax4t-surface);
  color: var(--ax4t-text);
  font-family: var(--ax4t-font);
  box-sizing: border-box;
}
.ax4t-nfc-box h1,
.ax4t-nfc-box h2{ margin-top: 0; }

.ax4t-nfc-field{ margin: 0 0 16px; }
.ax4t-nfc-field label{ display: block; font-weight: 600; margin-bottom: 6px; }
.ax4t-nfc-field input,
.ax4t-nfc-field textarea,
.ax4t-nfc-field select{
  width: 100%;
  padding: 12px;
  border: 1px solid #ccc;
  border-radius: 8px;
  box-sizing: border-box;
  font-family: inherit;
  font-size: 15px;
}

.ax4t-nfc-button{
  display: inline-block;
  padding: 12px 18px;
  border: 0;
  border-radius: 8px;
  background: var(--ax4t-primary);
  color: var(--ax4t-primary-text);
  text-decoration: none;
  cursor: pointer;
  font-family: inherit;
  font-size: 15px;
}
.ax4t-nfc-button:hover{ opacity: .9; }

.ax4t-nfc-status{
  padding: 10px 14px;
  border-radius: 8px;
  background: #f3f3f3;
  margin-bottom: 18px;
}
.ax4t-nfc-error{ color: var(--ax4t-error); }
.ax4t-nfc-success{ color: var(--ax4t-success); }