/* ================================================================
   GSTVerify theme layer — gstverify.co.in colour scheme on top of the
   shared component system (style.css + css/utilities.css).

   Light only (the dark theme and its header toggle were removed on
   20 Oct 2026). Loaded AFTER style.css so these tokens win.
   ================================================================ */

:root {
  color-scheme: light;

  /* Brand: gstverify orange */
  --brand:        #f0883e;
  --brand-hover:  #ffa057;
  --brand-dark:   #c4621f;
  --brand-sky:    #ffa057;
  --brand-50:     #fff4ec;
  --brand-100:    #ffe3cf;
  --brand-200:    #ffd0ad;
  --brand-glow:   rgba(240,136,62,.28);
  --brand-grad:   linear-gradient(135deg, #ffa057 0%, #f0883e 100%);
  --navy:         #1a202e;
  --navy-900:     #10141d;
  --navy-800:     #151a26;
  --navy-700:     #232b3c;
  --navy-border:  #2e3749;
  --verified:     #3ecf72;

  /* Surfaces */
  --bg:            #f0f4fa;
  --surface:       #ffffff;
  --surface2:      #f7f9fc;
  --surface3:      #eef2f8;
  --border:        #dce3ee;
  --border2:       #e8edf6;
  --border-strong: #c5cfdd;

  /* Text */
  --ink:  #1a202e;
  --ink2: #4a5568;
  --ink3: #66728a;
  --ink4: #8794a8;

  --accent:        #e0742a;   /* orange darkened a step for text contrast on white */
  --accent2:       #f0883e;
  --accent-soft:   #fff4ec;
  --accent-border: #ffd0ad;

  /* Status */
  --green:  #18a957; --green-soft: #ecfdf3; --green-border: #a7f3c8;
  --amber:  #c98a04; --amber-soft: #fffbeb; --amber-border: #fde68a;
  --red:    #e0393e; --red-soft:   #fff1f2; --red-border:   #fecdd3;
  --blue:   #1f7ae0; --blue-soft:  #eff6ff; --blue-border:  #bfdbfe;
  --purple: #7c3aed; --purple-soft:#f5f3ff; --purple-border:#ddd6fe;

  --shadow-xs: 0 1px 2px rgba(15,23,42,.05);
  --shadow-sm: 0 1px 4px rgba(0,0,0,.06);
  --shadow:    0 4px 20px rgba(0,0,0,.08);
  --shadow-md: 0 4px 16px rgba(0,0,0,.07);
  --shadow-lg: 0 16px 36px rgba(0,0,0,.10);
  --shadow-xl: 0 24px 48px rgba(0,0,0,.18);

  /* Type: gstverify's DM Serif Display headings + DM Mono identifiers */
  --serif: 'DM Serif Display', Georgia, serif;
  --mono:  'DM Mono', 'Fira Mono', ui-monospace, monospace;
}

/* -- Component fixes the token swap alone can't cover -------------- */
html, body { background: var(--bg); color: var(--ink); }
.site-header { background: color-mix(in srgb, var(--bg) 88%, transparent); border-bottom: 1px solid var(--border); backdrop-filter: saturate(160%) blur(10px); }
.nav-dropdown-panel, .user-menu-panel { background: var(--surface); border-color: var(--border); }
input, select, textarea { background: var(--surface2); color: var(--ink); border-color: var(--border); }
input::placeholder, textarea::placeholder { color: var(--ink3); }
table th { color: var(--ink2); }
::selection { background: var(--brand-200); color: var(--ink); }
code { color: var(--brand-dark); }

/* Buttons keep white text on orange. Not plain .btn: this file loads after
   style.css, so .btn here would beat .btn-white / .btn-soft / .btn-ghost
   (same specificity) and turn their text white on a light fill. */
.btn-primary, .nav-cta-btn { color: #fff; }

/* About page: founder card accent border */
.u-bl-4px_solid_accent { border-left: 4px solid var(--accent) !important; }