/* ------------------------------------------------------------------
   Smart Library — design tokens
   An archival palette: warm paper, ink, binding-cloth teal, seal red.
   Only this file defines raw values; everything else uses the variables.
   ------------------------------------------------------------------ */

:root {
  color-scheme: light;

  /* --- paper and ink ------------------------------------------------ */
  --paper: #f3eee3;        /* page ground, warm rag paper */
  --paper-2: #fbf8f1;      /* raised surface: cards, dialogs, fields */
  --paper-3: #ece4d4;      /* recessed strip: table heads, hover */
  --ink: #1d1a15;
  --ink-2: #3d362d;
  --muted: #6b5f50;        /* 4.9:1 on --paper */
  --rule: #ddd2be;         /* hairlines */
  --rule-2: #c6b79c;       /* stronger hairline, input borders */

  /* --- binding cloth and seal --------------------------------------- */
  --accent: #1e4c4a;
  --accent-hover: #143a38;
  --accent-soft: #dfeae5;
  --accent-ink: #0d2a28;
  --seal: #9c5427;
  --seal-soft: #f2e5d7;

  /* --- state -------------------------------------------------------- */
  --ok: #2c6640;
  --ok-soft: #e2ecdf;
  --warn: #85560f;
  --warn-soft: #f5e8ce;
  --danger: #8d2f2b;
  --danger-soft: #f6e2de;

  /* --- type --------------------------------------------------------- */
  --font-ui: "IBM Plex Sans", "Noto Sans Devanagari", ui-sans-serif, system-ui, sans-serif;
  --font-display: "Newsreader", "Noto Serif Devanagari", Georgia, "Times New Roman", serif;
  --font-mono: ui-monospace, "SF Mono", "Cascadia Mono", Menlo, monospace;

  --t-display: clamp(2.4rem, 1.1rem + 4.1vw, 4rem);
  --t-h1: clamp(1.75rem, 1.15rem + 1.9vw, 2.5rem);
  --t-h2: clamp(1.25rem, 1.05rem + 0.65vw, 1.5rem);
  --t-h3: 1.0625rem;
  --t-lead: clamp(1.0625rem, 1rem + 0.25vw, 1.1875rem);
  --t-body: 0.9375rem;
  --t-sm: 0.875rem;
  --t-xs: 0.8125rem;
  --t-label: 0.75rem;

  /* --- space (4px scale) -------------------------------------------- */
  --s-1: 4px;
  --s-2: 8px;
  --s-3: 12px;
  --s-4: 16px;
  --s-5: 24px;
  --s-6: 32px;
  --s-7: 48px;
  --s-8: 64px;
  --s-9: 96px;

  /* --- shape -------------------------------------------------------- */
  --r-sm: 3px;
  --r-md: 6px;
  --r-lg: 10px;
  --r-pill: 999px;
  --sh-1: 0 1px 2px rgba(29, 26, 21, 0.06);
  --sh-2: 0 12px 32px -18px rgba(29, 26, 21, 0.45);

  /* --- frame -------------------------------------------------------- */
  --nav: 60px;
  --wrap: 1200px;
  --gut: clamp(20px, 3.6vw, 40px);
  --tap: 44px;
}