/**
 * SmartWave Beverages — Design Tokens
 * Premium FMCG brand system
 */
:root {
    /* Brand palette */
    --swb-primary: #2A39BE;
    --swb-primary-dark: #1f2a96;
    --swb-primary-light: #3d4ed4;
    --swb-secondary: #1D86E8;
    --swb-accent: #19C2F0;
    --swb-white: #FFFFFF;
    --swb-dark: #0D1117;
    --swb-dark-footer: #0A1628;
    --swb-gray-light: #F8F9FA;
    --swb-gray-mid: #6C757D;
    --swb-gray-border: #E9ECEF;

    /* Surfaces */
    --swb-bg: var(--swb-white);
    --swb-surface: var(--swb-gray-light);
    --swb-surface-elevated: #FFFFFF;
    --swb-text: var(--swb-dark);
    --swb-text-muted: var(--swb-gray-mid);
    --swb-border: var(--swb-gray-border);

    /* Typography */
    --swb-font: "Plus Jakarta Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
    --swb-font-display: var(--swb-font);

    --swb-text-xs: 0.75rem;
    --swb-text-sm: 0.875rem;
    --swb-text-base: 1rem;
    --swb-text-lg: 1.125rem;
    --swb-text-xl: 1.25rem;
    --swb-text-2xl: 1.5rem;
    --swb-text-3xl: 1.875rem;
    --swb-text-4xl: 2.25rem;
    --swb-text-5xl: clamp(2.5rem, 5vw, 3.5rem);
    --swb-text-hero: clamp(3rem, 6vw, 5rem);

    --swb-weight-normal: 400;
    --swb-weight-medium: 500;
    --swb-weight-semibold: 600;
    --swb-weight-bold: 700;
    --swb-weight-extrabold: 800;

    --swb-leading-tight: 1.15;
    --swb-leading-normal: 1.6;
    --swb-leading-relaxed: 1.75;

    /* 8px spacing grid */
    --swb-space-1: 0.5rem;
    --swb-space-2: 1rem;
    --swb-space-3: 1.5rem;
    --swb-space-4: 2rem;
    --swb-space-5: 2.5rem;
    --swb-space-6: 3rem;
    --swb-space-8: 4rem;
    --swb-space-10: 5rem;
    --swb-space-12: 6rem;

    /* Layout */
    --swb-header-h: 80px;
    --swb-container-max: 1280px;
    --swb-section-y: clamp(4rem, 8vw, 6rem);

    /* Radius */
    --swb-radius-btn: 50px;
    --swb-radius-card: 12px;
    --swb-radius-pill: 50px;
    --swb-radius-full: 999px;

    /* Shadows */
    --swb-shadow-xs: 0 1px 2px rgba(42, 57, 190, 0.04);
    --swb-shadow-sm: 0 4px 16px rgba(42, 57, 190, 0.06);
    --swb-shadow-md: 0 8px 30px rgba(42, 57, 190, 0.1);
    --swb-shadow-lg: 0 20px 50px rgba(42, 57, 190, 0.14);
    --swb-shadow-xl: 0 28px 60px rgba(13, 17, 23, 0.16);
    --swb-shadow-card-hover: 0 24px 48px rgba(42, 57, 190, 0.18), 0 8px 20px rgba(25, 194, 240, 0.1);
    --swb-shadow-glow: 0 16px 40px rgba(25, 194, 240, 0.35);

    /* Motion */
    --swb-ease: cubic-bezier(0.4, 0, 0.2, 1);
    --swb-ease-out: cubic-bezier(0.16, 1, 0.3, 1);
    --swb-duration: 0.25s;
    --swb-duration-slow: 0.45s;

    /* Gradients */
    --swb-gradient-hero: linear-gradient(135deg, #2A39BE 0%, #1D86E8 45%, #19C2F0 100%);
    --swb-gradient-brand: linear-gradient(135deg, var(--swb-primary) 0%, var(--swb-secondary) 55%, var(--swb-accent) 100%);
    --swb-gradient-dark: linear-gradient(135deg, #0A1628 0%, #1a237e 100%);
    --swb-gradient-sustain: linear-gradient(135deg, #0d4a6e 0%, #19C2F0 100%);
    --swb-gradient-soft: linear-gradient(180deg, var(--swb-gray-light) 0%, var(--swb-white) 100%);

    /* Glass */
    --swb-glass-bg: rgba(255, 255, 255, 0.82);
    --swb-glass-border: rgba(255, 255, 255, 0.35);
    --swb-glass-blur: blur(20px);

    /* Bootstrap bridge */
    --bs-primary: var(--swb-primary);
    --bs-primary-rgb: 42, 57, 190;
    --bs-body-font-family: var(--swb-font);
    --bs-body-color: var(--swb-text);
    --bs-body-bg: var(--swb-bg);
    --bs-border-color: var(--swb-border);
    --bs-link-color: var(--swb-primary);
    --bs-link-hover-color: var(--swb-secondary);
    --bs-border-radius: var(--swb-radius-btn);
    --bs-border-radius-sm: var(--swb-radius-btn);
    --bs-border-radius-lg: var(--swb-radius-btn);
}