/*
 * WiTour shared design tokens.
 *
 * Consumed by mixtape.ftl, early-access.ftl, landing.ftl, and any other
 * server-rendered template that wants to share the WiTour visual language.
 */

:root {
    /* Palette — derived from /workspace/design/share-mixtape-v2/01-editorial-longform.pen */
    --color-bg: #050508;
    --color-bg-elevated: #0B0B14;
    --color-accent: #22D3EE;
    --color-fg: #FFFFFF;
    --color-fg-body: #E2E8F0;
    --color-fg-muted: #94A3B8;
    --color-fg-dim: #64748B;
    --color-divider: #1E293B;
    --color-overlay: rgba(5, 5, 8, 0.8);

    /* Spacing scale */
    --space-1: 4px;
    --space-2: 8px;
    --space-3: 12px;
    --space-4: 16px;
    --space-5: 24px;
    --space-6: 32px;
    --space-7: 48px;
    --space-8: 64px;

    /* Typography */
    --font-family-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    --font-size-eyebrow: 11px;
    --font-size-meta: 13px;
    --font-size-body: 16px;
    --font-size-section-title: 17px;
    --font-size-display-sm: 22px;
    --font-size-display: 28px;
    --font-size-display-lg: 36px;
    --line-height-body: 1.65;
    --line-height-display: 1.15;
    --letter-spacing-eyebrow: 0.16em;

    /* Radii */
    --radius-sm: 6px;
    --radius-md: 12px;
    --radius-lg: 20px;
    --radius-pill: 999px;

    /* Layout */
    --content-max-width: 720px;
    --hero-height-mobile: 320px;

    /* Shadow */
    --shadow-card: 0 8px 24px rgba(0, 0, 0, 0.4);
}