/* 
 * Theme Factory — E-commerce Token Overrides 
 * Derived from 09-design-tokens.md requirements
 */

/* Baseline E-commerce Variables */
:root {
    --color-brand-accent: #000000;
    /* Default accent */
    --color-surface-hover: #f9f9f9;
}

/* Visual Direction Overrides */

/* EC-001: Minimal Luxury */
[data-theme-variant="ec-001"] {
    --color-bg-primary: #ffffff;
    --color-text-primary: #000000;
    --font-display: 'Playfair Display', serif;
    /* Serif display requirement */
    --color-brand-accent: #000000;
}

/* EC-002: Organic */
[data-theme-variant="ec-002"] {
    --color-bg-primary: #f4f1ed;
    /* Earthy muted tone */
    --color-text-primary: #2c2a29;
    --color-brand-accent: #6b705c;
    --radius-default: var(--radius-xl);
    /* Curved radius */
}

/* EC-003: Bold Direct */
[data-theme-variant="ec-003"] {
    --color-bg-primary: #ffffff;
    --color-text-primary: #000000;
    --color-brand-accent: #ffd700;
    /* High contrast yellow */
    --border-width-default: 2px;
    /* Thick borders */
}

/* EC-004: Soft Premium */
[data-theme-variant="ec-004"] {
    --color-bg-primary: #faf8f5;
    --color-text-primary: #4a4a4a;
    --color-brand-accent: #e5b3ac;
    /* Pastels */
    --shadow-default: var(--shadow-3);
    /* Blurred shadows */
}

/* EC-005: Tech Clean */
[data-theme-variant="ec-005"] {
    --color-bg-primary: #0f0f11;
    /* Dark mode */
    --color-bg-secondary: #1a1a1d;
    --color-text-primary: #ffffff;
    --color-text-secondary: #a0a0a5;
    --color-border-subtle: #2d2d33;
    --color-brand-accent: #00ffcc;
    /* Neon accents */
    --font-display: 'JetBrains Mono', monospace;
    /* Monospace typography */
}