/*
 * POISED DESIGN TOKENS
 * Palette from the Poised brand book (Color System, p.16).
 * Typography matches the Etched with Lekha & I site: Playfair Display + Jost.
 * The site deliberately commits to one warm, light editorial look.
 */
:root {
  color-scheme: light;

  /* Brand palette */
  --ink: #242321;          /* Ink Black — shared DNA */
  --ivory: #f7f4ef;        /* Soft Ivory — shared DNA */
  --sand: #cdba9d;         /* Sand Beige */
  --olive: #a8b39e;        /* Soft Olive */
  --taupe: #8d7d71;        /* Stone Taupe */
  --olive-grey: #80866d;   /* Olive Grey */
  --navy: #34436a;         /* Poised blue from the brand book headings, softened */

  /* Derived neutrals and tints */
  --paper: #efeae2;
  --oat: #e8dfd0;
  --sand-tint: #ece2d2;
  --olive-tint: #e3e7dc;
  --mist: #dfe2e8;         /* blue-grey mist */
  --clay: #b89c85;
  --taupe-deep: #574c44;
  --ink-soft: #3d3935;
  --muted: #6b645d;        /* secondary text on ivory, 5.4:1 */
  --gold: #b48f57;         /* numerals and fine accents only */
  --on-dark: #f3eee7;
  --on-dark-dim: #d5cbbf;

  --line: rgba(36, 35, 33, 0.14);
  --line-strong: rgba(36, 35, 33, 0.28);
  --line-dark: rgba(243, 238, 231, 0.22);

  /* Type */
  --serif: 'Playfair Display', 'Iowan Old Style', 'Palatino Linotype', Georgia, serif;
  --sans: 'Jost', 'Avenir Next', 'Segoe UI', system-ui, -apple-system, sans-serif;

  --t-xs: 0.78rem;
  --t-sm: 0.9rem;
  --t-base: 1.0625rem;
  --t-md: 1.2rem;
  --t-lg: clamp(1.35rem, 1.1rem + 0.9vw, 1.7rem);
  --t-xl: clamp(1.8rem, 1.3rem + 1.8vw, 2.6rem);
  --t-2xl: clamp(2.3rem, 1.5rem + 3.2vw, 3.9rem);
  --t-hero: clamp(3rem, 1.6rem + 6vw, 6.6rem);

  /* Space and shape */
  --gutter: clamp(16px, 4.5vw, 56px);
  --maxw: 1200px;
  --section-y: clamp(72px, 9vw, 136px);
  --radius-sm: 10px;
  --radius: 18px;
  --radius-lg: 28px;
  --pill: 999px;

  --shadow-soft: 0 1px 2px rgba(36, 35, 33, 0.04), 0 14px 36px -22px rgba(52, 43, 34, 0.35);
  --shadow-lift: 0 2px 4px rgba(36, 35, 33, 0.05), 0 22px 48px -24px rgba(52, 43, 34, 0.45);

  --ease: cubic-bezier(0.22, 0.61, 0.36, 1);
  --nav-h: 72px;
}