/* ==========================================================================
   Aspirants NEET Academy — examination platform theme tokens
   Brand hexes sampled from Logo.png (1827x1277):
     #07569E  ring, figures, hands, wordmark   (≈ 81% of coloured pixels)
     #CFAA4C  caduceus highlight
     #9A702B  open book
   ========================================================================== */

:root {
  color-scheme: light;

  /* Brand blue — logo ring and wordmark */
  --anc-blue-950: #03264a;
  --anc-blue-900: #053766;
  --anc-blue-800: #06477f;
  --anc-blue-700: #07569e;   /* logo */
  --anc-blue-600: #1a6bb8;
  --anc-blue-500: #3d86cc;
  --anc-blue-300: #8db7e3;
  --anc-blue-100: #dce9f6;
  --anc-blue-050: #f1f6fc;

  /* Gold — caduceus. Accent and fills only, never text on white (2.2:1) */
  --anc-gold-500: #b8923a;
  --anc-gold-400: #cfaa4c;   /* logo */
  --anc-gold-300: #e2c67e;
  --anc-gold-100: #f8efd6;

  /* Bronze — open book. 600 is the logo; 700 is the text-safe shade */
  --anc-bronze-700: #7e5a1f;
  --anc-bronze-600: #9a702b; /* logo */

  /* Neutrals, biased toward the brand blue */
  --anc-ink-900: #0f1b2d;
  --anc-ink-700: #34435a;
  --anc-ink-500: #5e6b80;
  --anc-ink-300: #9aa6b8;
  --anc-line:    #dfe5ee;

  /* Semantic roles — components use these, not the ramps */
  --bg:            #f5f8fc;
  --surface:       #ffffff;
  --surface-2:     #eef3f9;
  --text:          var(--anc-ink-900);
  --text-muted:    var(--anc-ink-500);
  --border:        var(--anc-line);
  --primary:       var(--anc-blue-700);
  --primary-hover: var(--anc-blue-800);
  --primary-soft:  var(--anc-blue-100);
  --on-primary:    #ffffff;
  --accent:        var(--anc-gold-400);
  --accent-soft:   var(--anc-gold-100);
  --on-accent:     var(--anc-ink-900);
  --accent-text:   var(--anc-bronze-700);
  --focus-ring:    var(--anc-gold-400);

  --success: #13804f;  --success-soft: #e3f4ea;
  --warning: #b45309;  --warning-soft: #fdf0e1;
  --danger:  #c0352b;  --danger-soft:  #fbe8e6;
  --info:    var(--anc-blue-600); --info-soft: var(--anc-blue-050);

  /* Exam question palette — follows the NTA NEET CBT convention students already know */
  --q-not-visited:    #d5dce6;  --q-not-visited-fg: #34435a;
  --q-not-answered:   #c63b27;  --q-not-answered-fg: #ffffff;
  --q-answered:       #16804a;  --q-answered-fg: #ffffff;
  --q-marked:         #6b3fa0;  --q-marked-fg: #ffffff;
  --q-answered-marked-dot: #2fd07a;
  --q-current-ring:   var(--anc-gold-400);

  /* Timer states (server-authoritative time, client display only) */
  --timer-normal:   var(--primary);
  --timer-warning:  var(--warning);   /* last 10 minutes */
  --timer-critical: var(--danger);    /* last 2 minutes */

  /* Exam watermark: student ID + session ID tiled over question content */
  --watermark: rgba(7, 86, 158, 0.07);

  /* Type */
  --font-display: "Poppins", "Segoe UI", system-ui, sans-serif;  /* the logo wordmark face */
  --font-body: "Noto Sans", "Noto Sans Tamil", "Noto Sans Devanagari", "Segoe UI", system-ui, sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, Consolas, monospace;

  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 16px;
  --shadow-1: 0 1px 2px rgba(15, 27, 45, 0.06), 0 1px 3px rgba(15, 27, 45, 0.08);
  --shadow-2: 0 6px 20px rgba(5, 55, 102, 0.12);
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    color-scheme: dark;
    --bg: #0a1422;  --surface: #111e30;  --surface-2: #172840;
    --text: #e6edf6;  --text-muted: #9fb0c7;  --border: #243752;
    --primary: #5b9fe0;  --primary-hover: #7db4ea;  --primary-soft: #14304f;  --on-primary: #04213f;
    --accent: #d9b75e;  --accent-soft: #2e2615;  --on-accent: #1a1406;  --accent-text: #e2c67e;
    --focus-ring: #d9b75e;
    --success: #3cc47f;  --success-soft: #0f2e20;
    --warning: #f0a04b;  --warning-soft: #33220d;
    --danger:  #f07065;  --danger-soft:  #3a1714;
    --info: #5b9fe0;  --info-soft: #14304f;
    --q-not-visited: #2a3b55;  --q-not-visited-fg: #c3cfdf;
    --q-marked: #7a4cb5;
    --watermark: rgba(141, 183, 227, 0.06);
  }
}
:root[data-theme="dark"] {
  color-scheme: dark;
  --bg: #0a1422;  --surface: #111e30;  --surface-2: #172840;
  --text: #e6edf6;  --text-muted: #9fb0c7;  --border: #243752;
  --primary: #5b9fe0;  --primary-hover: #7db4ea;  --primary-soft: #14304f;  --on-primary: #04213f;
  --accent: #d9b75e;  --accent-soft: #2e2615;  --on-accent: #1a1406;  --accent-text: #e2c67e;
  --focus-ring: #d9b75e;
  --success: #3cc47f;  --success-soft: #0f2e20;
  --warning: #f0a04b;  --warning-soft: #33220d;
  --danger:  #f07065;  --danger-soft:  #3a1714;
  --info: #5b9fe0;  --info-soft: #14304f;
  --q-not-visited: #2a3b55;  --q-not-visited-fg: #c3cfdf;
  --q-marked: #7a4cb5;
  --watermark: rgba(141, 183, 227, 0.06);
}