/* Design tokens — "Emerald Admin". Every color used in the app lives here. */
:root{
  --font-ui:'Inter',-apple-system,'Segoe UI',Roboto,sans-serif;
  --font-mono:'JetBrains Mono',ui-monospace,Menlo,monospace;
  --bg:#F7F8F9; --surface:#FFFFFF; --surface-2:#F1F4F3;
  --line:#E4E8E6; --line-strong:#D3D9D6;
  --text:#18211D; --muted:#66726D; --faint:#8E9994;
  --brand:#1FA974; --brand-ink:#17895D; --brand-logo:#34B58A; --on-brand:#FFFFFF;
  --mint-50:#EFFAF5; --mint-100:#DDF6EB; --mint-200:#BFEBD8;
  --bar-top:#36BD92; --bar-bot:#1FCB97; --bar-soft-top:#E3F9EF; --bar-soft-bot:#D3F5E6;
  --good-bg:#F0FDF4; --good-line:#BBF7D0; --good-text:#16A34A;
  --bad-bg:#FEF2F2; --bad-line:#FECACA; --bad-text:#DC2626;
  --warn-bg:#FFFBEB; --warn-line:#FDE68A; --warn-text:#B45309;
  --btn-bg:#0A0A0A; --btn-text:#FFFFFF;
  --promo-from:#E4F6EE; --promo-to:#F9FCFA;
  --scrim:rgba(16,24,20,.38);
  --shadow:0 1px 2px rgba(16,24,20,.04),0 1px 1px rgba(16,24,20,.03);
  --shadow-pop:0 8px 24px rgba(16,24,20,.10);
  --radius-card:14px; --radius-ctl:10px;
  /* The only three gradients in the product */
  --grad-bar:linear-gradient(180deg,var(--bar-top),var(--bar-bot));
  --grad-bar-soft:linear-gradient(180deg,var(--bar-soft-top),var(--bar-soft-bot));
  --grad-promo:linear-gradient(165deg,var(--promo-from),var(--promo-to));
  color-scheme:light;
}

@media (prefers-color-scheme: dark){
  :root:not([data-theme=light]){
    --bg:#0B1110; --surface:#111916; --surface-2:#17211D;
    --line:#20302A; --line-strong:#2C4037;
    --text:#E8EFEC; --muted:#93A39C; --faint:#6F8079;
    --brand:#2DD4A0; --brand-ink:#4ADEB0; --brand-logo:#34B58A; --on-brand:#0A0A0A;
    --mint-50:#0F1D18; --mint-100:#173229; --mint-200:#21493B;
    --bar-top:#36BD92; --bar-bot:#1FCB97; --bar-soft-top:#173229; --bar-soft-bot:#1B3D31;
    --good-bg:#0F2A1B; --good-line:#1E4D31; --good-text:#4ADE80;
    --bad-bg:#2A1212; --bad-line:#5B2121; --bad-text:#F87171;
    --warn-bg:#2A200A; --warn-line:#5C4A14; --warn-text:#FBBF24;
    --btn-bg:#EEF5F2; --btn-text:#0A0A0A;
    --promo-from:#173229; --promo-to:#111916;
    --scrim:rgba(0,0,0,.6);
    --shadow:none;
    --shadow-pop:0 8px 24px rgba(0,0,0,.45);
    color-scheme:dark;
  }
}
:root[data-theme=dark]{
  --bg:#0B1110; --surface:#111916; --surface-2:#17211D;
  --line:#20302A; --line-strong:#2C4037;
  --text:#E8EFEC; --muted:#93A39C; --faint:#6F8079;
  --brand:#2DD4A0; --brand-ink:#4ADEB0; --brand-logo:#34B58A; --on-brand:#0A0A0A;
  --mint-50:#0F1D18; --mint-100:#173229; --mint-200:#21493B;
  --bar-top:#36BD92; --bar-bot:#1FCB97; --bar-soft-top:#173229; --bar-soft-bot:#1B3D31;
  --good-bg:#0F2A1B; --good-line:#1E4D31; --good-text:#4ADE80;
  --bad-bg:#2A1212; --bad-line:#5B2121; --bad-text:#F87171;
  --warn-bg:#2A200A; --warn-line:#5C4A14; --warn-text:#FBBF24;
  --btn-bg:#EEF5F2; --btn-text:#0A0A0A;
  --promo-from:#173229; --promo-to:#111916;
  --scrim:rgba(0,0,0,.6);
  --shadow:none;
  --shadow-pop:0 8px 24px rgba(0,0,0,.45);
  color-scheme:dark;
}