/* tokens.css — single source of truth for the design system.

   Loaded from /_assets/tokens.css on both apex (ronlaudadio.com)
   and connect (connect.ronlaudadio.com). Caddy serves this same
   physical file from both subdomains.

   If you change a value here, every page on the site picks it up.
   Do NOT redeclare these custom properties anywhere else. See
   .claude/skills/ronlaudadio-website/references/design-system.md
   for the rules of the road. */

:root {
    /* Colours */
    --bg: #FCFBF8;            /* page background, very-white off-white */
    --ink: #2A2520;           /* primary text */
    --ink-soft: #5A5248;      /* secondary text, captions, labels */
    --ink-faded: #A89C82;     /* tertiary text, separators */
    --rule: #D9D2BE;          /* hairline rules, image borders */
    --accent: #9E8650;        /* warm gold; used sparingly */

    /* Type scale (fixed sizes).
       Use these for non-display text. For display text that scales with
       viewport, use clamp() inline; the canonical clamp ranges are
       documented in design-system.md. */
    --type-1: 11px;           /* fine print, image placeholders */
    --type-2: 12px;           /* eyebrow, captions, footer, page-toc */
    --type-3: 14px;           /* large meta, divider, download arrows */
    --type-4: 17px;           /* small body (appliance docs, image-block) */
    --type-5: 19px;           /* default body */
    --type-6: 22px;           /* large body, intros */

    /* Spacing scale (4-px increments). Use for margins, padding, gaps.
       Anything outside this scale (e.g. fluid clamp() padding) should
       be a deliberate exception, not the default. */
    --space-1: 4px;
    --space-2: 8px;
    --space-3: 12px;
    --space-4: 16px;
    --space-5: 24px;
    --space-6: 32px;
    --space-7: 48px;
    --space-8: 64px;
    --space-9: 96px;
}