/* Idalou Co-op Gin: design tokens. Ledger book palette, contrast pairs checked in DESIGN.md. */
:root {
  /* Surfaces */
  --paper: #F4F1E9;
  --paper-2: #EAE5D8;
  --paper-3: #E1DBC9;
  --dark: #23201A;
  --dark-2: #2E2A22;

  /* Ink */
  --ink: #1C1A15;
  --ink-2: #5A554A;
  --ink-on-dark: #F4F1E9;
  --ink-2-on-dark: #C3BCA9;

  /* Rules: the ledger ruling */
  --rule: rgba(28, 26, 21, 0.18);
  --rule-soft: rgba(28, 26, 21, 0.10);
  --rule-strong: rgba(28, 26, 21, 0.34);
  --rule-on-dark: rgba(244, 241, 233, 0.20);
  --rule-on-dark-strong: rgba(244, 241, 233, 0.36);

  /* Accents */
  --red: #8E2C1F;         /* fills; white text on it = 7.4:1 */
  --red-deep: #752115;    /* hover/active step */
  --red-text: #7A2418;    /* text-level red on paper = 7.9:1 */
  --red-on-dark: #E08A78; /* text-level red on --dark */
  --dust: #C4A05C;        /* ambient dust only, never carries text */

  /* Row striping */
  --row-stripe: rgba(28, 26, 21, 0.035);
  --row-hover: rgba(142, 44, 31, 0.07);

  /* Type */
  --f-display: "Piazzolla", Georgia, "Times New Roman", serif;
  --f-body: "Wix Madefor Text", "Segoe UI", Helvetica, Arial, sans-serif;

  /* Type scale */
  --t-hero: clamp(2.35rem, 1.25rem + 4.4vw, 4.6rem);
  --t-h2: clamp(1.65rem, 1.15rem + 1.9vw, 2.6rem);
  --t-h3: clamp(1.18rem, 1.02rem + 0.6vw, 1.45rem);
  --t-lead: clamp(1.03rem, 0.98rem + 0.28vw, 1.18rem);
  --t-body: 1rem;
  --t-small: 0.875rem;
  --t-fig: 0.75rem;   /* ledger row figures, 12px, above the 11px floor */

  /* Spacing, 8px base */
  --s-1: 8px;  --s-2: 16px; --s-3: 24px; --s-4: 32px;
  --s-5: 48px; --s-6: 64px; --s-7: 88px; --s-8: 120px;

  /* Layout */
  --measure: 34rem;
  --wrap: 1180px;
  --wrap-narrow: 900px;
  --header-h: 78px;

  /* Motion */
  --ease: cubic-bezier(0.22, 0.61, 0.36, 1);
  --t-fast: 150ms;
  --t-mid: 220ms;
  --t-slow: 420ms;
}