/* =========================================================
   Design tokens — edit colors, fonts, and spacing here.
   ========================================================= */
:root {
  /* Surfaces — vellum + parchment, slightly warmer than greige
     for a more solemn, library / manuscript-room mood. */
  --bg:           #f4f1e8;   /* aged vellum */
  --bg-alt:       #ebe7da;   /* parchment */
  --bg-deep:      #ddd9c9;   /* deeper parchment */
  --surface:      #ffffff;

  /* Ink & text — deep ink with a hint of midnight blue */
  --ink:          #0e1118;
  --ink-soft:     #1a1f2a;
  --muted:        #5a5d65;
  --muted-light:  #999ca2;
  --divider:      #dcd7c6;
  --divider-strong:#c8c2af;

  /* Brand neutrals — solemn ink-black + walnut shadows */
  --charcoal:     #0c0e15;
  --charcoal-2:   #181b22;
  --walnut:       #3a3833;
  --tan:          #6a665a;

  /* Accent — aged manuscript brass, richer than the previous antique-brass */
  --gold:         #a5874a;
  --gold-light:   #c19f5a;
  --gold-deep:    #6e5520;

  /* Type */
  --serif:    'Cormorant Garamond', 'Garamond', 'Times New Roman', serif;
  --sans:     'Inter', -apple-system, BlinkMacSystemFont, 'Helvetica Neue', Arial, sans-serif;
  --mono:     'JetBrains Mono', ui-monospace, 'SFMono-Regular', Menlo, monospace;

  --fs-xs:    0.75rem;
  --fs-sm:    0.875rem;
  --fs-base:  1rem;
  --fs-md:    1.125rem;
  --fs-lg:    1.375rem;
  --fs-xl:    1.875rem;
  --fs-2xl:   2.5rem;
  --fs-3xl:   3.5rem;
  --fs-4xl:   4.75rem;

  --lh-tight: 1.16;
  --lh-body:  1.58;

  /* Spacing scale — compressed for a denser, Da Vinci-notebook rhythm */
  --s-1:  4px;
  --s-2:  8px;
  --s-3:  10px;
  --s-4:  14px;
  --s-5:  20px;
  --s-6:  26px;
  --s-7:  36px;
  --s-8:  48px;
  --s-9:  68px;
  --s-10: 88px;

  /* Layout */
  --max-w:    1200px;
  --max-w-rd: 760px;   /* reading width */
  --radius:   2px;     /* very subtle */
  --radius-lg:4px;

  /* Motion */
  --ease: cubic-bezier(.2,.6,.2,1);
  --dur:  400ms;
}

@media (prefers-color-scheme: dark) {
  :root.theme-auto {
    --bg:        #0e1014;
    --bg-alt:    #15171c;
    --bg-deep:   #1a1d22;
    --surface:   #15171c;
    --ink:       #e6e7ea;
    --ink-soft:  #d2d4d8;
    --muted:     #90939a;
    --muted-light:#62656c;
    --divider:   #23262c;
    --divider-strong:#2f3239;
    --charcoal:  #0a0c10;
    --charcoal-2:#15171c;
  }
}
:root.theme-dark {
  --bg:        #0e1014;
  --bg-alt:    #15171c;
  --bg-deep:   #1a1d22;
  --surface:   #15171c;
  --ink:       #e6e7ea;
  --ink-soft:  #d2d4d8;
  --muted:     #90939a;
  --muted-light:#62656c;
  --divider:   #23262c;
  --divider-strong:#2f3239;
  --charcoal:  #0a0c10;
  --charcoal-2:#15171c;
}