:root {
    --brand-white: #ffffff;
    --brand-black: #0a0a0a;
    --brand-navy: #0e2240;
    --brand-navy-light: #1e3a5f;
    --brand-blue: #38b6ff;
    --brand-blue-dark: #2563eb;
    --brand-green: #047857;
    --brand-green-light: #059669;
    --brand-purple: #7c3aed;
    --brand-rose: #be185d;
    --brand-slate: #475569;
    --brand-bg: #f8f9fa;
    --brand-surface: #f1f5f9;
    --brand-text: #333333;
    --brand-text-heading: #0f172a;
    --brand-text-muted: #64748b;
    --brand-border: #e2e8f0;
    --brand-shadow-soft: 0 10px 30px -5px rgba(0, 0, 0, 0.08);
    --brand-gradient-editorial: linear-gradient(135deg, var(--brand-navy) 0%, var(--brand-navy-light) 60%, #1a3a5c 100%);
    --brand-gradient-product: linear-gradient(135deg, var(--brand-green) 0%, var(--brand-green-light) 35%, var(--brand-blue-dark) 70%, var(--brand-purple) 100%);
    --brand-gradient-wordmark: linear-gradient(135deg, var(--brand-green) 0%, var(--brand-green-light) 20%, var(--brand-blue-dark) 50%, var(--brand-purple) 80%, var(--brand-rose) 100%);
    --font-heading: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
    --font-body: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    --font-mono: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, monospace;

    /* Type scale */
    --font-size-xs: 0.72rem;
    --font-size-sm: 0.82rem;
    --font-size-base: 0.94rem;
    --font-size-md: 1.06rem;
    --font-size-lg: 1.25rem;
    --font-size-xl: 1.5rem;
    --font-size-2xl: 2rem;
    --font-size-3xl: 2.5rem;
    --font-size-4xl: clamp(2.5rem, 6vw, 4rem);

    /* Button tokens */
    --btn-radius: 0.5rem;
    --btn-radius-pill: 999px;
    --btn-padding-sm: 0.5rem 1rem;
    --btn-padding-md: 0.625rem 1.25rem;
    --btn-padding-lg: 0.75rem 1.5rem;
    --btn-font-size: 0.82rem;
    --btn-font-weight: 700;
    --btn-transition: transform 0.2s ease, background 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;

    /* Editorial design tokens */
    --ffn-ed-bg: #f1f5fb;
    --ffn-ed-surface: rgba(255, 255, 255, 0.62);
    --ffn-ed-surface-strong: rgba(255, 255, 255, 0.82);
    --ffn-ed-surface-muted: rgba(226, 233, 244, 0.72);
    --ffn-ed-text: #07101f;
    --ffn-ed-text-muted: #42516c;
    --ffn-ed-text-soft: #7d8ca8;
    --ffn-ed-border: rgba(7, 16, 31, 0.08);
    --ffn-ed-border-strong: rgba(7, 16, 31, 0.14);
    --ffn-ed-accent: #0057ff;
    --ffn-ed-accent-soft: rgba(0, 87, 255, 0.1);
    --ffn-ed-shadow-soft: 0 18px 60px rgba(21, 45, 91, 0.08);
    --ffn-ed-shadow-card: 0 26px 80px rgba(7, 16, 31, 0.1);
    --ffn-ed-radius-card: 1.6rem;
    --ffn-ed-radius-pill: 999px;
    --ffn-ed-max-width: 1560px;
    --ffn-ed-font-sans: var(--font-body);
    --ffn-ed-font-mono: var(--font-mono);
}