/**
 * Mercantile design tokens: warm editorial commerce with coral, lime and lilac accents.
 * Runtime Studio overrides are emitted by TokenCompiler after this file.
 */
:root {
    --ec-bg: #f7f3eb;
    --ec-surface: #fffdf8;
    --ec-surface-2: #ede6da;
    --ec-fg: #171713;
    --ec-fg-2: #5f5d55;
    --ec-border: #d8d1c5;
    --ec-accent: #ff5b3d;
    --ec-accent-fg: #171713;
    --ec-accent-soft: rgba(255, 91, 61, 0.13);

    --ec-border-2: #c8c0b3;
    --ec-fg-3: #8b887f;
    --ec-pop: #dcef43;
    --ec-lilac: #d8cdfb;
    --ec-moss: #cce1b6;
    --ec-sky: #c8e9ec;
    --ec-butter: #ffd970;

    --ec-radius: 10px;
    --ec-btn-radius: 4px;
    --ec-img-radius: 12px;
    --ec-shadow: 0 18px 55px rgba(44, 34, 19, 0.10);

    --ec-font-display: 'Newsreader', Georgia, 'Times New Roman', serif;
    --ec-font-body: 'Plus Jakarta Sans', system-ui, -apple-system, 'Segoe UI', sans-serif;
    --ec-font-mono: 'Plus Jakarta Sans', system-ui, sans-serif;
    --ec-disp-weight: 400;
    --ec-disp-style: normal;
    --ec-disp-tracking: -0.055em;
    --ec-disp-transform: none;

    --ec-cw: 1440px;
    --ec-gut: clamp(1rem, 3vw, 2.5rem);
    --ec-sect-y: clamp(4.5rem, 9vw, 8rem);
    --ec-grid: 4;
    --ec-grid-gap: 0.75rem;

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

:root[data-color-scheme="dark"] {
    --ec-bg: #151512;
    --ec-surface: #1f1e19;
    --ec-surface-2: #292820;
    --ec-fg: #fbf7ef;
    --ec-fg-2: #b9b4a9;
    --ec-border: #3b3930;
    --ec-border-2: #4a473c;
    --ec-fg-3: #817d72;
    --ec-accent: #ff745b;
    --ec-accent-fg: #171713;
    --ec-accent-soft: rgba(255, 116, 91, 0.15);
    --ec-shadow: 0 20px 60px rgba(0, 0, 0, 0.35);
}

[data-ec-preset="moss"] {
    --ec-accent: #50653c;
    --ec-accent-fg: #ffffff;
    --ec-accent-soft: rgba(80, 101, 60, 0.13);
}
[data-ec-preset="moss"][data-color-scheme="dark"] {
    --ec-accent: #a9c57d;
    --ec-accent-fg: #171713;
    --ec-accent-soft: rgba(169, 197, 125, 0.15);
}
[data-ec-preset="lilac"] {
    --ec-accent: #6f58b7;
    --ec-accent-fg: #ffffff;
    --ec-accent-soft: rgba(111, 88, 183, 0.13);
}
[data-ec-preset="lilac"][data-color-scheme="dark"] {
    --ec-accent: #c7b8ff;
    --ec-accent-fg: #171713;
    --ec-accent-soft: rgba(199, 184, 255, 0.15);
}

@media (prefers-reduced-motion: reduce) {
    :root { --ec-dur-1: 0ms; --ec-dur-2: 0ms; --ec-dur-3: 0ms; }
}