/*
  V2.1 Craft design tokens — VERBATIM, unmodified output of
  engine.tokens.css_variables(design-profiles/craft.json), generated by
  reading that pure function read-only (no client.json, no stamp, no
  engine changes). Do not hand-edit this file; if the Craft profile ever
  changes upstream, regenerate it the same way.

  Colors/typography here are Craft's OWN defaults (warm brown/terracotta,
  Newsreader+Work Sans) — brand-overrides.css overrides the color and
  font variables further down the cascade with Websites voor Vakmensen's
  own navy/blue/white + Montserrat identity. Structural tokens (spacing,
  shape, depth, layout) are intentionally left as Craft defines them.
*/
:root {
    --color-primary: #7A3B1E;
    --color-secondary: #2B2420;
    --color-cta: #AD4E1A;
    --color-bg: #F7F2EA;
    --color-text: #20180F;
    --color-border: #DDD2C0;
    --font-heading: 'Newsreader', serif;
    --font-body: 'Work Sans', sans-serif;

    --heading-weight: 600;
    --line-height-heading: 1.08;
    --line-height-body: 1.75;
    --letter-spacing-heading: -0.03em;
    --letter-spacing-eyebrow: 0.16em;
    --scale-h1: clamp(2.5rem, 7vw, 4.25rem);
    --scale-h2: clamp(1.85rem, 4.5vw, 2.9rem);
    --scale-h3: 1.3rem;
    --body-base: 1.0625rem;
    --body-small: 0.9rem;
    --body-lead: 1.2rem;

    --section-spacing-y: clamp(3.5rem, 7vw, 6.5rem);
    --element-spacing: 1.5rem;
    --container-padding: 1.75rem;
    --card-gap: 1.5rem;

    --max-content-width: 78rem;
    --text-width: 40rem;
    --hero-split-ratio: 1.15fr 0.85fr;

    --border-radius: 0.5rem;
    --button-radius: 0.35rem;
    --card-radius: 0.65rem;

    --shadow-sm: 0 2px 10px rgba(32,24,15,0.08);
    --shadow-md: 0 16px 40px rgba(32,24,15,0.16);
    --shadow-none: none;
    --border-width: 1px;

    --button-padding-y: 1rem;
    --button-padding-x: 2rem;
    --button-font-weight: 700;

    --card-border: 1px solid var(--color-border);
    --card-shadow: var(--shadow-sm);
    --card-padding: 2rem;

    --image-radius: 0.65rem;
}