/*
  © 2026 Sarbjit Singh · sarbjitbhavra@gmail.com
  TheVaultMind · Color tokens + fonts — split out so the palette can be
  tuned without touching component layout in styles.css.
*/

:root {
  --pub:        #b06a3f;
  --kb:         #7a5fc4;
  --int:        #3f9579;
  --study:      #3f6fb5;
  --aiview:     #5b6abf;
  --frameworks: #9a7a3f;
  --compliance: #b5453f;
  --contrarian: #4f8fa2;
  --business:   #6a9a3f;
  --flash:      #a24f8f;
  --ink:   #161a21;

  --display: 'Hanken Grotesk', system-ui, sans-serif;
  --sans:    'DM Sans', system-ui, sans-serif;
  --mono:    'DM Mono', 'Courier New', monospace;
  --serif:   'DM Serif Display', Georgia, serif;

  --sw:  192px;
  --tbh: 52px;
  --r:   6px;
  --rm:  9px;
  --rl:  12px;
  --t:   140ms ease;
}

[data-theme="light"] {
  --bg:    #ffffff;
  --bg-s:  #ffffff;
  --bg-e:  #f7f7f9;
  --bg-i:  #f7f7f9;
  --bg-h:  #f0f0f4;
  --bg-hl: #f0f0f4;
  --bd:    #e6e6ec;
  --bd2:   #d8d8e2;
  --bd3:   #c2c2d0;
  --tx:    #17171f;
  --tx2:   #57576b;
  --tx3:   #8a8a9c;
  --sh:    0 1px 3px rgba(20,20,30,0.06), 0 4px 16px rgba(20,20,30,0.05);
  --sh2:   0 8px 28px rgba(20,20,30,0.12);
}

[data-theme="dark"] {
  --bg:    #0c0c14;
  --bg-s:  #11111c;
  --bg-e:  #17172a;
  --bg-i:  #14141f;
  --bg-h:  #1e1e30;
  --bg-hl: #22223a;
  --bd:    rgba(255,255,255,0.06);
  --bd2:   rgba(255,255,255,0.10);
  --bd3:   rgba(255,255,255,0.18);
  --tx:    #eeeef8;
  --tx2:   #8080a8;
  --tx3:   #44445a;
  --sh:    0 1px 4px rgba(0,0,0,0.5);
  --sh2:   0 4px 20px rgba(0,0,0,0.7);
}