/* ═══════════════════════════════════════
   DESIGN TOKENS — ericks.org
   ═══════════════════════════════════════ */

:root {
  /* Backgrounds */
  --paper:    #FDFAF3;
  --paper2:   #F5F0E4;
  --white:    #FFFFFF;

  /* Ink / Text */
  --ink:      #2A1650;
  --ink2:     #3D2270;

  /* Accents */
  --gold:     #B8860B;
  --gold2:    #D4A017;
  --gold-lt:  #F0D878;
  --rust:     #8B3A1A;
  --sage:     #3D5A3E;

  /* Neutral */
  --muted:    #7A6A90;
  --rule:     rgba(42,22,80,0.12);

  /* Surfaces */
  --surface:  #FFFFFF;

  /* Typography scale */
  --font-size-base: 16px;

  /* Cover gradients */
  --bk1: linear-gradient(155deg, #2C4A6E 0%, #1A2E42 100%);
  --bk2: linear-gradient(155deg, #4A2860 0%, #2A1438 100%);
  --bk3: linear-gradient(155deg, #1E4D2B 0%, #0E2614 100%);
  --bk4: linear-gradient(155deg, #6B2D0E 0%, #3A1608 100%);
}

/* ─── Dark Mode ─── */
[data-theme="dark"] {
  --paper:    #1A1020;
  --paper2:   #221430;
  --white:    #251835;
  --ink:      #EDE8F5;
  --ink2:     #C8BFD8;
  --gold:     #D4A017;
  --gold2:    #E8B82A;
  --gold-lt:  #F0D878;
  --rust:     #D4724A;
  --sage:     #6AA06C;
  --muted:    #9A8AAA;
  --rule:     rgba(237,232,245,0.12);
  --surface:  #251835;
}