/* Ayr Web — design tokens (2026) */
:root {
    --colour-background: #f7f6f2;
    --colour-surface: #ffffff;
    --colour-surface-alt: #eeede8;
    --colour-text: #1a1d21;
    --colour-text-muted: #5a616d;
    --colour-primary: #1a3d3a;
    --colour-primary-hover: #24524e;
    --colour-border: #dedcd4;
    --colour-accent: #c45c26;
    --colour-accent-hover: #a84d1f;
    --colour-accent-soft: rgba(196, 92, 38, 0.12);
    --colour-on-primary: #ffffff;
    --colour-focus: #2a7b7b;

    --radius-sm: 6px;
    --radius-md: 12px;
    --radius-lg: 20px;
    --radius-full: 999px;

    --shadow-sm: 0 1px 2px rgba(26, 29, 33, 0.06);
    --shadow-md: 0 12px 40px rgba(26, 29, 33, 0.08);
    --shadow-lg: 0 24px 64px rgba(26, 29, 33, 0.1);

    --container-width: 72rem;
    --container-narrow: 42rem;
    --section-space: clamp(4rem, 8vw, 7rem);
    --header-height: 4.25rem;

    --font-sans: "Plus Jakarta Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
    --font-weight-normal: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;

    --text-xs: clamp(0.75rem, 0.7rem + 0.15vw, 0.8125rem);
    --text-sm: clamp(0.875rem, 0.84rem + 0.2vw, 0.9375rem);
    --text-base: clamp(1rem, 0.96rem + 0.25vw, 1.0625rem);
    --text-lg: clamp(1.125rem, 1.05rem + 0.35vw, 1.25rem);
    --text-xl: clamp(1.35rem, 1.2rem + 0.6vw, 1.75rem);
    --text-2xl: clamp(1.75rem, 1.5rem + 1vw, 2.25rem);
    --text-3xl: clamp(2.25rem, 1.8rem + 1.8vw, 3.25rem);
    --text-hero: clamp(2.5rem, 5vw + 1rem, 4.25rem);

    --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
    --duration-fast: 150ms;
    --duration-normal: 280ms;
    --duration-slow: 480ms;
}

@media (prefers-reduced-motion: reduce) {
    :root {
        --duration-fast: 0ms;
        --duration-normal: 0ms;
        --duration-slow: 0ms;
    }
}