/*
 * Pariksha360 brand design tokens — shared by every brand-facing server-rendered
 * page (signup.html, login.html, ...). Dark values below are copied 1:1 from
 * the :root block that used to live inline in ui/templates/signup.html (that
 * file is the historical reference; the :root there should now just link this
 * stylesheet instead of redefining these tokens).
 *
 * These tokens are ALSO duplicated in axon-site/static/assets/css/tokens.css
 * (the Hugo marketing site, which cannot embed this file across repos) —
 * KEEP THE TWO IN SYNC when changing either.
 *
 * Dark is the default (matches the original inline block); the
 * prefers-color-scheme: light override below adapts surfaces/text/*-dim tints
 * for a light OS/browser theme while leaving the accent hues themselves
 * unchanged (a blue button is still blue in light mode — only the low-contrast
 * "dim" backgrounds needed to flip from dark tints to light tints).
 */
:root {
  color-scheme: dark light;

  --bg: #06080F;
  --surface: #0D1117;
  --card: #131A24;
  --border: #1C2536;
  --blue: #3B82F6;
  --blue-dim: #1E3A5F;
  --green: #10B981;
  --green-dim: #064E3B;
  --red: #EF4444;
  --red-dim: #451A1A;
  --yellow: #F59E0B;
  --yellow-dim: #78350F;
  --text: #F1F5F9;
  --text-dim: #94A3B8;
  --text-muted: #64748B;
  --purple: #A855F7;
}

@media (prefers-color-scheme: light) {
  :root {
    --bg: #F8FAFC;
    --surface: #FFFFFF;
    --card: #FFFFFF;
    --border: #E2E8F0;
    --text: #0F172A;
    --text-dim: #475569;
    --text-muted: #64748B;

    /* Accent hues (--blue, --green, --red, --yellow, --purple) stay the same
       in light mode — only the *-dim low-contrast tints flip from dark-tinted
       backgrounds to light tints so text/icons drawn in the accent color
       stay readable against them. */
    --blue-dim: #DBEAFE;
    --green-dim: #D1FAE5;
    --red-dim: #FEE2E2;
    --yellow-dim: #FEF3C7;
  }
}