/* ============================================================
   Gyan Varsha — Color Tokens
   Derived from the school crest (deep navy shield, slate &
   sky-blue quarters, white field). Gold is an introduced
   accent drawn from the academic laurel tradition.
   ============================================================ */

:root {
  /* ---- Brand: Navy (the hero) ---------------------------- */
  --navy-900: #0C1E40;   /* deepest — near-black navy, footers, overlays */
  --navy-800: #112A55;
  --navy-700: #16315E;   /* PRIMARY navy — shield, headings, nav */
  --navy-600: #1E3F73;
  --navy-500: #2E5288;   /* mid navy */

  /* ---- Brand: Blue (crest quarters) ---------------------- */
  --blue-500: #3F6FB0;
  --blue-400: #5B8FC9;   /* slate blue */
  --blue-300: #78A8D8;   /* sky blue — the lightest crest blue */
  --blue-200: #A8C8E8;
  --blue-100: #DCEAF7;   /* light blue tint */
  --blue-50:  #EFF5FC;   /* "sky tint" canvas wash */

  /* ---- Accent: Gold (honor / laurel) --------------------- */
  --gold-600: #A8842B;
  --gold-500: #C8A23C;   /* PRIMARY accent — honors, highlights */
  --gold-400: #DDBB5A;
  --gold-200: #F0DFA8;
  --gold-100: #FAF1D8;

  /* ---- Neutrals ------------------------------------------ */
  --ink-900:  #14181F;   /* primary text on light */
  --ink-700:  #353C49;
  --ink-500:  #5B6472;   /* secondary text */
  --ink-400:  #828B99;   /* muted / captions */
  --ink-300:  #B6BDC8;   /* disabled */
  --line-200: #DCE1E8;   /* hairline borders */
  --line-100: #EAEEF3;   /* faint dividers */
  --paper:    #F7F9FC;   /* off-white page */
  --white:    #FFFFFF;

  /* ---- Semantic feedback -------------------------------- */
  --success-600: #2E7D4F;
  --success-100: #DDF0E4;
  --warning-600: #B5821A;
  --warning-100: #FBEFD0;
  --danger-600:  #C0392B;
  --danger-100:  #F8DEDA;
  --info-600:    #2E5288;
  --info-100:    #DCEAF7;

  /* ============================================================
     Semantic aliases — reference these in product code
     ============================================================ */
  --color-brand:            var(--navy-700);
  --color-brand-strong:     var(--navy-900);
  --color-brand-soft:       var(--blue-300);
  --color-accent:           var(--gold-500);
  --color-accent-strong:    var(--gold-600);

  --text-heading:           var(--navy-700);
  --text-body:              var(--ink-900);
  --text-secondary:         var(--ink-500);
  --text-muted:             var(--ink-400);
  --text-on-brand:          var(--white);
  --text-on-accent:         var(--navy-900);
  --text-link:              var(--navy-600);

  --surface-page:           var(--paper);
  --surface-card:           var(--white);
  --surface-sunken:         var(--blue-50);
  --surface-brand:          var(--navy-700);
  --surface-brand-deep:     var(--navy-900);
  --surface-accent-soft:    var(--gold-100);
  --surface-info-soft:      var(--blue-100);

  --border-default:         var(--line-200);
  --border-strong:          var(--blue-200);
  --border-brand:           var(--navy-700);

  --focus-ring:             color-mix(in srgb, var(--blue-400) 55%, transparent);
}