/* ============================================================
   Conmarble Natural Finishes — Spacing, grid & lines (§B6, §B8)
   Architectural discipline: 12-col grid, generous margins,
   vertical rhythm, thin lines, SHARP corners (no rounding).
   ============================================================ */

:root {
  /* ---- Spacing scale (8px base, architectural rhythm) ---- */
  --space-0:   0;
  --space-1:   0.25rem;   /*  4px */
  --space-2:   0.5rem;    /*  8px */
  --space-3:   0.75rem;   /* 12px */
  --space-4:   1rem;      /* 16px */
  --space-5:   1.5rem;    /* 24px */
  --space-6:   2rem;      /* 32px */
  --space-7:   3rem;      /* 48px */
  --space-8:   4rem;      /* 64px */
  --space-9:   6rem;      /* 96px */
  --space-10:  8rem;      /* 128px */

  /* ---- Layout grid (§B6.1) ---- */
  --grid-columns: 12;     /* @kind other */
  --grid-gutter:  24px;
  --margin-page:  10%;          /* generous outer margin (brochure ~10%) */
  --margin-page-flyer: 8%;
  --measure-body: 64ch;         /* comfortable reading measure */
  --col-email:    640px;        /* email content column (§B6.D) */

  /* ---- Lines (§B8) — thin architectural rules ---- */
  --hairline-width: 1px;
  --rule-ink:  var(--hairline-width) solid var(--color-ink);
  --rule-soft-border: var(--hairline-width) solid var(--greige-limewash);
  --rule-greige: var(--hairline-width) solid var(--greige-oatstone);
  --rule-accent: var(--hairline-width) solid var(--color-caramel);

  /* ---- Corner radius — the brand is SHARP (§B7.1: sharp
     rectangular crops, no rounded corners). Radius tokens exist
     only so UI affordances stay near-square, never pill-like. ---- */
  --radius-none:  0;
  --radius-hair:  1px;     /* a barely-there softening for inputs */
  --radius-max:   2px;

  /* ---- Shadow — quiet, used only when necessary (§B8) ---- */
  --shadow-none: none;
  --shadow-quiet: 0 1px 2px rgba(28, 26, 21, 0.06),
                  0 8px 24px rgba(28, 26, 21, 0.05);

  /* ---- Motion — calm, no bounce; gentle fades (timeless, §B0) ---- */
  --ease-standard: cubic-bezier(0.22, 0.61, 0.36, 1);  /* @kind other */
  --dur-fast:  140ms;   /* @kind other */
  --dur-base:  240ms;   /* @kind other */
  --dur-slow:  420ms;   /* @kind other */
}