/* ── Design Tokens ─────────────────────────────────────────────────────────
   Source palette + semantic tokens for Dhamma Index.
   All values from the redesign spec (docs/redesign/README.md).
   ──────────────────────────────────────────────────────────────────────── */

:root {
  /* Source palette */
  --saffron:  #C88E69;
  --robe:     #A65F3E;
  --rust:     #8C3921;
  --redwood:  #65311E;
  --charcoal: #3B1E13;
  --stone:    #C9B6A3;
  --sage:     #92AAAE;

  /* Semantic colors — light theme (default) */
  --bg:        #FDFEF9;
  --bg-2:      #F6F1E8;
  --bg-3:      #EDE4D4;
  --surface:   #FFFCF5;
  --surface-2: #FAF4E6;
  --line:      #E5DBC7;
  --line-2:    #D9CCB2;
  --text:      #2B160C;
  --text-dim:  #6B5445;
  --text-mute: #9A826E;
  --accent:    var(--robe);
  --accent-soft: color-mix(in oklch, var(--accent) 18%, transparent);

  /* Typography families — editorial (default) */
  --font-display: 'Fraunces', serif;
  --font-body:    'Source Serif 4', Georgia, serif;
  --font-ui:      'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
  --font-mono:    'JetBrains Mono', ui-monospace, monospace;

  /* Density — comfortable (default) */
  --density-gap: 22px;
  --density-pad: 24px;
  --density-leading: 1.7;

  /* Radius scale */
  --radius-sm: 6px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-xl: 16px;
  --radius-pill: 999px;

  /* Shadows */
  --shadow-card: 0 1px 0 color-mix(in oklch, var(--charcoal) 4%, transparent);
  --shadow-float: 0 20px 60px -20px color-mix(in oklch, var(--charcoal) 40%, transparent);
  --shadow-mini: 0 8px 20px -10px color-mix(in oklch, var(--charcoal) 40%, transparent);

  /* Transitions */
  --ease-default: 150ms ease;
  --ease-drawer: 250ms cubic-bezier(.3,.7,.2,1);
  --ease-sheet: 300ms cubic-bezier(.3,.7,.2,1);

  /* Layout */
  --sidebar-width: 260px;
  --sidebar-rail: 68px;
  --topbar-height: 60px;
}