: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: 'Montserrat', -apple-system, BlinkMacSystemFont, sans-serif;
    --font-body: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}