/* ==========================================================================
   SAHAYA DESIGN TOKENS
   Inspired by architectural linework, warm paper, and editorial typography
   ========================================================================== */

:root {
  /* Surface & Paper Palette */
  --paper-base: #F6F3EC;
  --paper-subtle: #FAF8F4;
  --paper-pure: #FCFAF6;
  --paper-contrast: #EAE5DA;
  --paper-deep: #DFD9CC;
  
  /* Charcoal & Ink Palette */
  --ink-primary: #1B1D1B;
  --ink-secondary: #464945;
  --ink-tertiary: #6E726D;
  --ink-faint: #9FA39D;
  --ink-divider: #DDD6C8;
  --ink-divider-light: #ECE6DA;
  --ink-stroke: #2E312E;

  /* Muted Sage */
  --sage-deep: #3C4E3C;
  --sage-accent: #627962;
  --sage-wash: #869B85;
  --sage-soft: #E2E8E1;
  --sage-faint: #EFF4EE;

  /* Restrained Rust-Red Accent */
  --rust-accent: #B8533E;
  --rust-hover: #9E4330;
  --rust-muted: #D37562;
  --rust-soft: #F7EDE9;
  --rust-faint: #FCF5F3;

  /* Night / Contrast Paper Mode (for dedicated calm night study areas) */
  --night-base: #181A18;
  --night-surface: #222522;
  --night-divider: #333833;
  --night-text: #E5E4DD;
  --night-muted: #9E9F99;

  /* Editorial Typography */
  --font-serif: "Newsreader", "Fraunces", Georgia, Cambria, "Times New Roman", serif;
  --font-sans: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --font-mono: "JetBrains Mono", "SF Mono", "Consolas", Menlo, monospace;

  /* Architectural Spacing & Dimensions */
  --space-unit: 8px;
  --space-2xs: 4px;
  --space-xs: 8px;
  --space-sm: 12px;
  --space-md: 20px;
  --space-lg: 32px;
  --space-xl: 48px;
  --space-2xl: 72px;
  --space-3xl: 104px;

  /* Layout Containers */
  --container-max: 1280px;
  --container-story: 1140px;
  --container-narrow: 820px;
  --header-height: 72px;

  /* Transitions & Curves */
  --ease-editorial: cubic-bezier(0.22, 1, 0.36, 1);
  --ease-ink: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-swift: cubic-bezier(0.4, 0, 0.2, 1);
  --duration-micro: 180ms;
  --duration-normal: 400ms;
  --duration-story: 650ms;
  --duration-page: 500ms;

  /* Architectural Linework Tokens */
  --hairline-width: 1px;
  --rule-style: solid;
  --stroke-sketch: 1.25px;
  --stroke-accent: 1.75px;

  /* Cursor Tokens */
  --cursor-size: 6px;
  --cursor-ring: 28px;
  --cursor-color: var(--ink-primary);
  --cursor-trail-color: rgba(28, 30, 28, 0.28);
}

@media (prefers-reduced-motion: reduce) {
  :root {
    --duration-micro: 0.01ms !important;
    --duration-normal: 0.01ms !important;
    --duration-story: 0.01ms !important;
    --duration-page: 0.01ms !important;
  }
}