/* ============================================================
   SONCIERE — design tokens (v2, from the Claude Design handoff)
   Implements the design's system: white ground, #111 ink,
   hairline rules, Cormorant Garamond display + Helvetica body,
   the brand green as the only saturated color.
   ============================================================ */

:root {
  /* Palette — matches the design and the brand's original site */
  --paper: #ffffff;
  --paper-soft: #f7f7f5;   /* garment image ground */
  --paper-warm: #fafaf8;   /* notice blocks */
  --paper-frame: #fbfbf9;  /* lookbook placeholder frames */
  --ink: #111111;
  --ink-soft: #444444;
  --ink-faint: #767676; /* darkened from #8a8a8a — 4.5:1 on white (WCAG AA); visually near-identical */
  --hairline: #d9d9d9;
  --hairline-soft: #ececea;
  --hairline-warm: #c9c4bb; /* marquee separators */
  --green: #115c00;         /* ornament print green — selection, accents */
  --brand-green: #115c00;   /* alias kept for the design brief */
  --error: #a01818;
  --entry-fallback: #a8c4e0; /* soft blue while the entry video loads */

  /* Typography */
  --font-display: 'Cormorant Garamond', Georgia, 'Iowan Old Style', 'Times New Roman', serif;
  --font-body: 'Helvetica Neue', Helvetica, Arial, -apple-system, 'Segoe UI', sans-serif;

  /* Tracked-caps micro type */
  --track-caps: 0.22em;
  --track-wide: 0.3em;

  /* Layout */
  --pad-x: clamp(20px, 4vw, 48px);
  --max-w: 1240px;
  --head-h: 72px;
}