/**
 * Pulse design tokens.
 *
 * Static per-preset values keyed on [data-ec-preset][data-color-scheme];
 * dynamic values (accent triplet, container width, grid density, font
 * pairing and radius overrides) are injected inline at runtime by the
 * framework's TokenCompiler and win the cascade by order.
 *
 * Presets: Vibrant (default) and Atelier. Token inventory matches Forge
 * (see docs/SPEC.md, Tokens).
 */

:root {
    /* Defaults: Vibrant light. */
    --ec-bg: #ffffff;
    --ec-surface: #ffffff;
    --ec-surface-2: #fbf3f1;
    --ec-fg: #171717;
    --ec-fg-2: #57534e;
    --ec-border: #eceae9;
    --ec-accent: #ff4d2e;
    --ec-accent-fg: #ffffff;
    --ec-accent-soft: rgba(255, 77, 46, 0.12);

    --ec-radius: 16px;
    --ec-btn-radius: 16px;
    --ec-img-radius: 16px;
    --ec-shadow: 0 10px 30px -12px rgba(23, 23, 23, 0.18);

    --ec-font-display: 'Space Grotesk', system-ui, -apple-system, 'Segoe UI', sans-serif;
    --ec-font-body: 'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif;
    --ec-disp-weight: 700;
    --ec-disp-style: normal;
    --ec-disp-tracking: -0.02em;
    --ec-disp-transform: none;

    --ec-cw: 1280px;
    --ec-gut: 1.5rem;
    --ec-sect-y: 4.5rem;
    --ec-grid: 3;
    --ec-grid-gap: 1.5rem;

    --ec-dur-1: 150ms;
    --ec-dur-2: 250ms;
    --ec-dur-3: 400ms;
    --ec-ease: cubic-bezier(0.22, 1, 0.36, 1);
}

/* Vibrant: commercial, energetic */
[data-ec-preset="vibrant"][data-color-scheme="dark"] {
    --ec-bg: #121013;
    --ec-surface: #1b181b;
    --ec-surface-2: #241f24;
    --ec-fg: #f5f3f4;
    --ec-fg-2: #a8a1a6;
    --ec-border: #2c262c;
    --ec-accent: #ff6a4d;
    --ec-accent-fg: #1a0f0c;
    --ec-accent-soft: rgba(255, 106, 77, 0.14);
    --ec-shadow: none;
}

/* Atelier: warm boutique serif */
[data-ec-preset="atelier"] {
    --ec-bg: #faf6f0;
    --ec-surface: #fffdf9;
    --ec-surface-2: #f2ebe0;
    --ec-fg: #2a2320;
    --ec-fg-2: #6b5d52;
    --ec-border: #e6dccd;
    --ec-accent: #b5663a;
    --ec-accent-fg: #ffffff;
    --ec-accent-soft: rgba(181, 102, 58, 0.12);

    --ec-radius: 8px;
    --ec-btn-radius: 999px;
    --ec-img-radius: 8px;
    --ec-shadow: 0 8px 24px -14px rgba(42, 35, 32, 0.4);

    --ec-font-display: 'Cormorant Garamond', Georgia, 'Times New Roman', serif;
    --ec-font-body: 'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif;
    --ec-disp-weight: 600;
    --ec-disp-tracking: 0;

    --ec-sect-y: 4rem;
}

[data-ec-preset="atelier"][data-color-scheme="dark"] {
    --ec-bg: #1c1714;
    --ec-surface: #241d19;
    --ec-surface-2: #2d251f;
    --ec-fg: #f3ece2;
    --ec-fg-2: #b6a595;
    --ec-border: #362c25;
    --ec-accent: #d98b5f;
    --ec-accent-fg: #1c1410;
    --ec-accent-soft: rgba(217, 139, 95, 0.14);
    --ec-shadow: none;
}

/* Motion is opt-out at the token layer */
@media (prefers-reduced-motion: reduce) {
    :root {
        --ec-dur-1: 0ms;
        --ec-dur-2: 0ms;
        --ec-dur-3: 0ms;
    }
}