/* ================================================================
   SYRIDS Brand Theme — canonical design tokens
   Dark is the default theme; light is opt-in via [data-theme="light"].
   Per-page stylesheets (style.css, landing.css) keep their own variable
   names but should stay value-in-sync with this file.
   ================================================================ */

:root, [data-theme="dark"] {
  --ground:     #1A1A22;
  --surface:    #222230;
  --surface-2:  #1E1E28;
  --border:     #2E2E34;
  --border-hi:  #424249;
  --border-sub: #191920;
  --text:       #F2F2F5;
  --text-sub:   #B0B0C2;
  --accent:     #09C43A;
  --accent-dim: #07AA32;
  --accent-ink: #030E07;   /* text/icon sitting ON an accent fill */
  --sky:        #38BDF8;
  --green:      #3FB950;
  --yellow:     #D29922;
  --red:        #FF4545;
  --grid:       rgba(46,46,52,0.45);
  --glow:       rgba(9,196,58,0.20);

  --font-body:  'Space Grotesk', 'Cairo', sans-serif;
  --font-mono:  'IBM Plex Mono', 'Courier New', monospace;
  --ease:       .16s cubic-bezier(.4, 0, .2, 1);
}

[data-theme="light"] {
  --ground:     #CDD8E8;
  --surface:    #BFCDE0;
  --surface-2:  #DBE4F2;
  --border:     #94AABF;
  --border-hi:  #6880A0;
  --border-sub: #D5DEEC;
  --text:       #060B1C;
  --text-sub:   #1A2C46;
  --accent:     #0C4EA6;
  --accent-dim: #072C84;
  --accent-ink: #FFFFFF;
  --sky:        #2563EB;
  --green:      #2E9E5B;
  --yellow:     #B8860B;
  --red:        #C01818;
  --grid:       rgba(12,78,166,0.10);
  --glow:       rgba(12,78,166,0.14);
}