/*! Atrium — a Ventus template (ventus.works)
 *  Free license: keep the Ventus badge visible. That's the whole deal.
 *  Want it badge-free? Commercial license: shop.ventus.works
 */

/* Atrium Themes — variable sets, not forks.
 * SOURCE OF TRUTH; html/ keeps a verbatim copy at html/css/themes.css.
 * Edit HERE, then sync.
 *
 * Default (no data-theme attribute) = the Atrium paper + terracotta look
 * from tokens.css. Each theme overrides semantic tokens only: palette +
 * font pairing + gradients + corner radius. Components never change — that
 * is the whole point.
 */

/* ---- Corporate: cool steel + navy, precise and trustworthy ---- */
[data-theme="corporate"] {
    --color-bg:           #f4f6f8;
    --color-bg-alt:       #e9edf1;
    --color-surface:      #ffffff;
    --color-surface-soft: #f0f3f6;
    --color-heading:      #12263a;
    --color-text:         #26384c;
    --color-text-muted:   #5b6b7c;
    --color-primary:      #1d4ed8;
    --color-primary-hover:#1a3fa8;
    --color-on-primary:   #ffffff;
    --color-accent:       #0ea5b7;
    --color-accent-soft:  #d5ecf1;
    --color-secondary:    #5b7b9a;
    --color-border:       rgba(18, 38, 58, 0.12);
    --color-focus:        #0ea5b7;

    --font-display: 'Inter', 'Segoe UI', system-ui, sans-serif;
    --font-body: 'Inter', 'Segoe UI', system-ui, sans-serif;
    --font-mono: 'Space Mono', ui-monospace, monospace;

    --gradient-sky:   linear-gradient(180deg, #e8eef4 0%, #f4f6f8 80%, #f4f6f8 100%);
    --gradient-brand: linear-gradient(120deg, #1d4ed8 0%, #0ea5b7 100%);
    --at-grid: rgba(18, 38, 58, 0.05);
}

/* ---- Shop: retail red + amber on crisp white ---- */
[data-theme="shop"] {
    --color-bg:           #ffffff;
    --color-bg-alt:       #f7f4f0;
    --color-surface:      #ffffff;
    --color-surface-soft: #fdf1ec;
    --color-heading:      #1c1714;
    --color-text:         #332d28;
    --color-text-muted:   #736a61;
    --color-primary:      #e63946;
    --color-primary-hover:#c92c39;
    --color-on-primary:   #ffffff;
    --color-accent:       #f4a020;
    --color-accent-soft:  #fce8c8;
    --color-secondary:    #457b9d;
    --color-border:       rgba(28, 23, 20, 0.12);
    --color-focus:        #457b9d;

    --font-display: 'Space Grotesk', 'Segoe UI', system-ui, sans-serif;
    --font-body: 'Inter', 'Segoe UI', system-ui, sans-serif;
    --font-mono: 'Space Mono', ui-monospace, monospace;

    --gradient-sky:   linear-gradient(180deg, #fff3e4 0%, #ffffff 80%, #ffffff 100%);
    --gradient-brand: linear-gradient(120deg, #e63946 0%, #f4a020 100%);
    --at-grid: rgba(28, 23, 20, 0.05);
}

/* ---- Art studio: gallery black & white with a magenta signature ---- */
[data-theme="art"] {
    --color-bg:           #0f0e0c;
    --color-bg-alt:       #161411;
    --color-surface:      #1a1815;
    --color-surface-soft: #201d19;
    --color-heading:      #f4f2ee;
    --color-text:         #d8d4cc;
    --color-text-muted:   #8f8a80;
    --color-primary:      #e0438f;
    --color-primary-hover:#c22e74;
    --color-on-primary:   #ffffff;
    --color-accent:       #e0438f;
    --color-accent-soft:  #3a2432;
    --color-secondary:    #a8967a;
    --color-border:       rgba(244, 242, 238, 0.14);
    --color-focus:        #e0438f;

    --font-display: 'Space Grotesk', 'Segoe UI', system-ui, sans-serif;
    --font-body: 'Inter', 'Segoe UI', system-ui, sans-serif;
    --font-mono: 'Space Mono', ui-monospace, monospace;

    --gradient-sky:   linear-gradient(180deg, #17150f 0%, #0f0e0c 80%, #0f0e0c 100%);
    --gradient-brand: linear-gradient(120deg, #e0438f 0%, #7a5cff 100%);
    --at-grid: rgba(244, 242, 238, 0.05);
    --shadow-soft: 0 6px 24px rgba(0, 0, 0, 0.4);
    --shadow-float: 0 18px 48px rgba(0, 0, 0, 0.5);
    --shadow-glow: 0 8px 30px rgba(224, 67, 143, 0.35);
}

/* ---- Bakery: oven-warm browns + honey amber on soft cream ---- */
[data-theme="bakery"] {
    --color-bg:           #fbf5ea;
    --color-bg-alt:       #f4ead7;
    --color-surface:      #fffdf8;
    --color-surface-soft: #f8efdd;
    --color-heading:      #452a16;
    --color-text:         #5b4028;
    --color-text-muted:   #947a5e;
    --color-primary:      #a8582b;
    --color-primary-hover:#8d4720;
    --color-on-primary:   #fffdf8;
    --color-accent:       #dd9c3c;
    --color-accent-soft:  #f3e0bb;
    --color-secondary:    #8a9b68;
    --color-border:       rgba(69, 42, 22, 0.13);
    --color-focus:        #a8582b;

    --font-display: 'Space Grotesk', 'Segoe UI', system-ui, sans-serif;
    --font-body: 'Inter', 'Segoe UI', system-ui, sans-serif;
    --font-mono: 'Space Mono', ui-monospace, monospace;

    --gradient-sky:   linear-gradient(180deg, #f5e6c8 0%, #fbf5ea 82%, #fbf5ea 100%);
    --gradient-brand: linear-gradient(120deg, #a8582b 0%, #dd9c3c 100%);
    --at-grid: rgba(69, 42, 22, 0.05);
}

/* ---- Beauty salon: mauve + plum + champagne gold ---- */
[data-theme="salon"] {
    --color-bg:           #faf6f8;
    --color-bg-alt:       #f3e9ee;
    --color-surface:      #ffffff;
    --color-surface-soft: #f8eef3;
    --color-heading:      #462038;
    --color-text:         #56384c;
    --color-text-muted:   #947f8a;
    --color-primary:      #8e4162;
    --color-primary-hover:#75344f;
    --color-on-primary:   #ffffff;
    --color-accent:       #c9a227;
    --color-accent-soft:  #f0e5c2;
    --color-secondary:    #b98ea7;
    --color-border:       rgba(70, 32, 56, 0.13);
    --color-focus:        #8e4162;

    --font-display: 'Space Grotesk', 'Segoe UI', system-ui, sans-serif;
    --font-body: 'Inter', 'Segoe UI', system-ui, sans-serif;
    --font-mono: 'Space Mono', ui-monospace, monospace;

    --gradient-sky:   linear-gradient(180deg, #ecdcE6 0%, #faf6f8 82%, #faf6f8 100%);
    --gradient-brand: linear-gradient(120deg, #8e4162 0%, #c9a227 100%);
    --at-grid: rgba(70, 32, 56, 0.05);
}