/* Sutra design tokens — single source of truth.
 *
 * This file replaces three duplicated `:root` blocks that had drifted apart:
 *   website/marketing.css   --r:10px
 *   website/home.css        --r:10px, --indic
 *   dashboard/sutra.css     --r:12px, --rail
 *
 * It is linked directly in each page <head> BEFORE the surface stylesheets,
 * never via @import from them. An @import here would serialize behind the
 * importing sheet and delay first paint — the same reason ui-loader.css is
 * linked directly rather than imported.
 *
 * See docs/DESIGN.md for the rationale behind each group.
 */

:root {
  /* ---- Colour ---------------------------------------------------------
     Warm paper ground. Pure white is reserved for raised cards; pure black
     is never used for text. Terracotta is the ONLY accent — if a screen
     needs another colour it needs a semantic token, not a new hex. */
  --paper: #FAF7F1;
  --card: #FFFFFF;
  --recessed: #F1EAE0;
  --ink: #1A1613;
  --graphite: #6B5F55;
  --terracotta: #B5522E;
  --apricot: #F2C39A;
  --hairline: rgba(26, 22, 19, .08);
  --hairline-firm: rgba(26, 22, 19, .14);

  /* ---- Typography -----------------------------------------------------
     Font definitions with first-class Devanagari fallback stack. */
  --font-devanagari: 'Noto Sans Devanagari', 'Kohinoor Devanagari', 'Mangal', sans-serif;
  --display: 'Bricolage Grotesque', var(--font-devanagari), ui-sans-serif, system-ui, sans-serif;
  --body: 'Newsreader', var(--font-devanagari), ui-serif, Georgia, serif;
  --mono: 'Martian Mono', ui-monospace, monospace;
  --indic: var(--font-devanagari);

  /* Type ramp. Negative tracking scales with size; positive only under 14px. */
  --t88: clamp(44px, 6.4vw, 88px);
  --t54: clamp(32px, 4.2vw, 54px);
  --t34: clamp(25px, 2.7vw, 34px);
  --t23: clamp(20px, 1.7vw, 23px);
  --t18: 18px;
  --t16: 16px;
  --t13: 13px;
  --t11: 11px;
  --t9: 9px;

  /* ---- Metrics --------------------------------------------------------- */
  --canvas: 1140px;
  /* Standardised on 10px. The dashboard previously used 12px; the 2px change
     is deliberate and is the only visual delta from the old dashboard. */
  --r: 10px;
  --rail: 240px;
  --ease: cubic-bezier(.2, .8, .3, 1);

  /* ---- Elevation ------------------------------------------------------
     Layered passes at rising blur, warm-tinted. Never rgba(0,0,0,...). */
  --lift-1: 0 1px 1px rgba(26, 22, 19, .04), 0 2px 4px rgba(26, 22, 19, .03);
  --lift-2: 0 1px 1px rgba(26, 22, 19, .04), 0 3px 6px rgba(26, 22, 19, .035),
            0 8px 16px rgba(26, 22, 19, .03);
  --lift-3: 0 1px 1px rgba(26, 22, 19, .05), 0 4px 8px rgba(26, 22, 19, .04),
            0 12px 24px rgba(26, 22, 19, .04), 0 28px 56px rgba(26, 22, 19, .05);
  --lift-4: 0 2px 2px rgba(26, 22, 19, .05), 0 6px 12px rgba(26, 22, 19, .045),
            0 18px 36px rgba(26, 22, 19, .05), 0 44px 88px rgba(26, 22, 19, .07);
}