:root {
    /* Brand */
    --color-brand: #36b0a4;
    --color-brand-strong: #177f77;
    --color-brand-nav: #86d7cf;
    --color-brand-soft: #eaf7f5;
    --color-brand-pale: #f6fbfa;

    /* Neutrals */
    --color-ink: #17252d;
    --color-muted: #5d6a70;
    --color-paper: #fffdf8;
    --color-white: #ffffff;
    --color-footer: #1d2a2f;
    --color-nav-ink: #102f31;
    --color-copy: #35474e;
    --color-copy-soft: #42575d;
    --color-copy-strong: #283b42;
    --color-surface: #f8fbfa;
    --color-surface-table: #f7fbfa;
    --color-note-ink: #31434a;
    --color-surface-open: #f8fcfb;
    --color-surface-soft-top: #f4faf8;
    --color-surface-soft-bottom: #eef7f5;
    --color-utility-bg: #f3fbfa;
    --color-note: #fffdf4;
    --color-family-bg: #fafcfb;
    --color-footer-copy: #dce8e7;
    --color-footer-muted: #91aaa7;
    --color-story-copy: #dcefed;
    --color-story-muted: #e0f0ee;

    /* Family projects */
    --color-family-centre: #e54525;
    --color-family-bee: #ecd231;

    /* Typography */
    --font-body: "Segoe UI", system-ui, -apple-system, BlinkMacSystemFont, Arial, sans-serif;
    --font-heading: Georgia, "Times New Roman", serif;
    --font-hand: "Segoe Print", "Bradley Hand", cursive;
    --text-base: 1.0625rem;
    --text-xs: .76rem;
    --leading-body: 1.62;
    --leading-copy: 1.78;

    /* Layout */
    --container: 76.25rem;
    --container-reading: 61.25rem;
    --gutter: clamp(1.25rem, 4vw, 3rem);

    /* Spacing scale */
    --space-4: 1rem;
    --space-7: 3rem;

    /* Shape system */
    --radius-card: 1.75rem .5rem 1.75rem .5rem;
    --radius-card-small: 1.375rem .5rem 1.375rem .5rem;
    --radius-feature: 2.375rem .75rem 2.375rem .75rem;
    --radius-pill: 999rem;

    /* Surfaces */
    --surface-line: rgba(23, 82, 76, .10);
    --surface-line-strong: rgba(23, 82, 76, .14);
    --shadow-soft: 0 .625rem 1.5rem rgba(31, 86, 79, .055);
    --shadow-medium: 0 1.125rem 2.5rem rgba(31, 86, 79, .085);
    --shadow-strong: 0 1.625rem 3.75rem rgba(22, 60, 56, .14);

    /* Motion */
    --transition-fast: 180ms ease;
}
