/* Source: 01-tokens.css | Refactored location: assets/css/foundation/tokens.css */
/* Brand system pass: NOFCC editorial / breathing-room refinement. */
@import url('https://fonts.googleapis.com/css2?family=Public+Sans:wght@500;600;700;800&family=Source+Sans+3:wght@400;500;600;700;800&display=swap');

/* ===============================
   1. Global Variables
================================ */
:root {
    /* Core brand colours */
    --color-black: #0f0f10;
    --color-charcoal: #172331;
    --color-red: #ef233c;
    --color-red-dark: #c9152a;
    --color-ivory: #f7f4ef;
    --color-cream: #f7f2ea;
    --color-sand: #efe4d2;
    --color-sage: #edf5ea;
    --color-sky: #eaf4fb;
    --color-rose: #fbe7e9;
    --color-gold-tint: #fff3cf;
    --color-warm-white: #fcfbf7;
    --color-white: #ffffff;
    --color-light: #f4f6f5;
    --color-blue-grey: #d7dee2;
    --color-border: rgba(31, 41, 55, 0.12);

    /* Semantic colours */
    --color-text: var(--color-black);
    --color-muted: #596267;
    --color-primary: var(--color-black);
    --color-accent: var(--color-red);

    /* Typography */
    --font-heading: 'Public Sans', Arial, Helvetica, sans-serif;
    --font-body: 'Source Sans 3', Arial, Helvetica, sans-serif;

    /* Layout */
    --container: 1120px;
    --container-wide: 1240px;
    --container-narrow: 860px;
    --container-reading: 720px;
    --section-space: clamp(96px, 10vw, 144px);
    --section-space-tight: clamp(72px, 7vw, 104px);
    --section-space-compact: clamp(56px, 5vw, 80px);
    --gutter: clamp(22px, 4vw, 40px);

    /* Shape + depth */
    --radius-sm: 10px;
    --radius-md: 16px;
    --radius-lg: 24px;
    --radius-xl: 34px;
    --shadow-soft: 0 22px 70px rgba(0, 0, 0, 0.055);
    --shadow-lift: 0 32px 90px rgba(31, 41, 55, 0.085);
}