/* Kyrion — Color tokens
   Base brand palette + semantic aliases. Sourced from Kyrion_v2.html. */
:root {
  /* ── Brand base ── */
  --navy:        #0B1E3E; /* primary brand ground */
  --navy-2:      #112547; /* raised navy surface */
  --navy-3:      #0d2d55; /* lifted / gradient navy */
  --navy-deep:   #0A1424; /* deepest / footer */
  --teal:        #00B4A8; /* primary accent */
  --teal-hover:  #00a097; /* teal pressed/hover */
  --teal-bright: #22e0d2; /* highlight / glow accent */
  --gold:        #C9A84C; /* secondary accent */
  --gold-bright: #dcb85e; /* gold gradient top */
  --gold-hover:  #b8922f; /* gold pressed */

  /* ── Neutrals ── */
  --white:   #FFFFFF;
  --lgrey:   #F4F6FA; /* light section ground */
  --ink:     #1A1A2A; /* body text on light */
  --dkgrey:  #4A4A5A; /* secondary text on light */
  --border-light: #E0E4EE; /* hairline on light surfaces */

  /* ── Alpha tints (on dark) ── */
  --white-05: rgba(255,255,255,.05);
  --white-08: rgba(255,255,255,.08);
  --white-12: rgba(255,255,255,.12);
  --white-65: rgba(255,255,255,.65);
  --white-80: rgba(255,255,255,.80);
  --teal-a12: rgba(0,180,168,.12);
  --teal-a30: rgba(0,180,168,.30);
  --teal-a40: rgba(0,180,168,.40);
  --gold-a16: rgba(201,168,76,.16);
  --gold-a30: rgba(201,168,76,.30);

  /* ── Brand gradients ── */
  --grad-brand: linear-gradient(100deg, var(--teal-bright), var(--teal) 45%, var(--gold));
  --grad-teal:  linear-gradient(135deg, var(--teal), #008f86);
  --grad-gold:  linear-gradient(135deg, var(--gold), var(--gold-bright));
  --grad-mark:  linear-gradient(135deg, var(--teal), var(--gold));
  --grad-hero:  radial-gradient(1200px 700px at 75% 15%, #123a63 0%, var(--navy-2) 40%, var(--navy) 75%);

  /* ── Semantic aliases ── */
  --bg-page:        var(--navy);
  --bg-light:       var(--lgrey);
  --surface-card:   var(--white);
  --surface-dark:   var(--navy-2);
  --surface-glass:  rgba(8,17,32,.92);
  --text-body:      var(--ink);
  --text-muted:     var(--dkgrey);
  --text-on-dark:   var(--white);
  --text-on-dark-muted: var(--white-65);
  --accent:         var(--teal);
  --accent-2:       var(--gold);
  --focus-ring:     var(--teal-bright);
}