/*! Angel Samurai — 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
 */

/* Angel Samurai 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 Angel Samurai sakura look from tokens.css.
 * Each theme overrides semantic tokens only: palette + font pairing + gradients.
 * Components never change — that is the whole point.
 */

/* ---- Corporate: calm navy + steel blue, editorial serif headings ---- */
[data-theme="corporate"] {
    --color-bg: #f4f6f9;
    --color-bg-alt: #e9edf3;
    --color-surface: #ffffff;
    --color-surface-soft: #eef3f8;
    --color-heading: #16283c;
    --color-text: #2b3a4a;
    --color-text-muted: #64748b;
    --color-primary: #1f4e79;
    --color-primary-hover: #173c5e;
    --color-on-primary: #ffffff;
    --color-accent: #2e86ab;
    --color-accent-soft: #d5e6ef;
    --color-secondary: #7c93ab;
    --color-gold: #b08d2f;
    --color-border: rgba(22, 40, 60, 0.14);
    --color-focus: #2e86ab;

    --petal-a: #c9d9e8;
    --petal-b: #9fb8cf;

    --font-display: Georgia, 'Times New Roman', serif;
    --font-body: 'Segoe UI', system-ui, -apple-system, Arial, sans-serif;

    --gradient-sky: linear-gradient(180deg, #dfe8f2 0%, #eef2f7 60%, #f4f6f9 100%);
    --gradient-sakura: linear-gradient(135deg, #2e86ab 0%, #6fb1cc 100%);
    --gradient-brand: linear-gradient(135deg, #1f4e79 0%, #2e86ab 60%, #6fb1cc 100%);

    --radius-sm: 6px;
    --radius-md: 10px;
    --radius-lg: 14px;
    --shadow-glow: 0 8px 32px rgba(46, 134, 171, 0.35);
}

/* ---- Shop: high-energy retail red + amber on crisp white ---- */
[data-theme="shop"] {
    --color-bg: #ffffff;
    --color-bg-alt: #f7f4f0;
    --color-surface: #ffffff;
    --color-surface-soft: #fdf0ec;
    --color-heading: #1a1a1a;
    --color-text: #333333;
    --color-text-muted: #6f6a64;
    --color-primary: #e63946;
    --color-primary-hover: #c92c39;
    --color-on-primary: #ffffff;
    --color-accent: #ffb703;
    --color-accent-soft: #ffe8b3;
    --color-secondary: #457b9d;
    --color-gold: #ffb703;
    --color-border: rgba(26, 26, 26, 0.12);
    --color-focus: #457b9d;

    --petal-a: #ffd6a5;
    --petal-b: #ffb703;

    --font-display: 'Futura', 'Century Gothic', 'Trebuchet MS', sans-serif;
    --font-body: 'Segoe UI', system-ui, Helvetica, Arial, sans-serif;

    --gradient-sky: linear-gradient(180deg, #fff3e6 0%, #fffaf3 60%, #ffffff 100%);
    --gradient-sakura: linear-gradient(135deg, #ffb703 0%, #ffd166 100%);
    --gradient-brand: linear-gradient(135deg, #e63946 0%, #ff7b54 55%, #ffb703 100%);

    --radius-sm: 8px;
    --radius-md: 12px;
    --radius-lg: 18px;
    --shadow-glow: 0 8px 32px rgba(230, 57, 70, 0.30);
}

/* ---- Bakery: oven-warm browns, honey amber, soft cream ---- */
[data-theme="bakery"] {
    --color-bg: #fdf6ec;
    --color-bg-alt: #f6ead9;
    --color-surface: #fffdf8;
    --color-surface-soft: #faf0e0;
    --color-heading: #4a2c17;
    --color-text: #5b4230;
    --color-text-muted: #94806e;
    --color-primary: #a4552c;
    --color-primary-hover: #8a4623;
    --color-on-primary: #fffdf8;
    --color-accent: #e0a458;
    --color-accent-soft: #f3ddbd;
    --color-secondary: #8a9b68;
    --color-gold: #c98d2b;
    --color-border: rgba(74, 44, 23, 0.15);
    --color-focus: #a4552c;

    --petal-a: #f3ddbd;
    --petal-b: #e0a458;

    --font-display: 'Palatino Linotype', 'Book Antiqua', Palatino, Georgia, serif;
    --font-body: 'Verdana', 'Segoe UI', system-ui, sans-serif;

    --gradient-sky: linear-gradient(180deg, #f6e3c9 0%, #faefdd 60%, #fdf6ec 100%);
    --gradient-sakura: linear-gradient(135deg, #e0a458 0%, #f0c98a 100%);
    --gradient-brand: linear-gradient(135deg, #a4552c 0%, #d18a4e 55%, #e0a458 100%);

    --radius-sm: 12px;
    --radius-md: 18px;
    --radius-lg: 28px;
    --shadow-glow: 0 8px 32px rgba(224, 164, 88, 0.40);
}

/* ---- Small business: friendly teal + marigold, approachable and plain-spoken ---- */
[data-theme="small-business"] {
    --color-bg: #f5faf7;
    --color-bg-alt: #e9f3ed;
    --color-surface: #ffffff;
    --color-surface-soft: #edf6f1;
    --color-heading: #1d3b2f;
    --color-text: #2f4a3e;
    --color-text-muted: #6b8378;
    --color-primary: #2a7f62;
    --color-primary-hover: #226751;
    --color-on-primary: #ffffff;
    --color-accent: #f2a541;
    --color-accent-soft: #fbe4bd;
    --color-secondary: #5b8fa8;
    --color-gold: #d98e1f;
    --color-border: rgba(29, 59, 47, 0.14);
    --color-focus: #2a7f62;

    --petal-a: #cde8da;
    --petal-b: #9fd0b6;

    --font-display: 'Trebuchet MS', 'Segoe UI', Verdana, sans-serif;
    --font-body: 'Segoe UI', system-ui, Verdana, sans-serif;

    --gradient-sky: linear-gradient(180deg, #dcefe4 0%, #ecf6f0 60%, #f5faf7 100%);
    --gradient-sakura: linear-gradient(135deg, #f2a541 0%, #f7c476 100%);
    --gradient-brand: linear-gradient(135deg, #2a7f62 0%, #55a586 55%, #f2a541 100%);

    --radius-sm: 10px;
    --radius-md: 14px;
    --radius-lg: 20px;
    --shadow-glow: 0 8px 32px rgba(42, 127, 98, 0.28);
}

/* ---- Beauty salon: mauve, plum and champagne gold, high-fashion serif ---- */
[data-theme="beauty-salon"] {
    --color-bg: #faf5f7;
    --color-bg-alt: #f3e8ee;
    --color-surface: #ffffff;
    --color-surface-soft: #f8eef3;
    --color-heading: #47203a;
    --color-text: #59394e;
    --color-text-muted: #96798a;
    --color-primary: #8e4162;
    --color-primary-hover: #75344f;
    --color-on-primary: #ffffff;
    --color-accent: #d4af37;
    --color-accent-soft: #f0e3bb;
    --color-secondary: #b98ea7;
    --color-gold: #d4af37;
    --color-border: rgba(71, 32, 58, 0.14);
    --color-focus: #8e4162;

    --petal-a: #ecd3df;
    --petal-b: #d8a8c2;

    --font-display: 'Didot', 'Bodoni MT', 'Playfair Display', Georgia, serif;
    --font-body: 'Segoe UI', system-ui, 'Helvetica Neue', sans-serif;

    --gradient-sky: linear-gradient(180deg, #eddbe5 0%, #f5ebf0 60%, #faf5f7 100%);
    --gradient-sakura: linear-gradient(135deg, #d8a8c2 0%, #ecd3df 100%);
    --gradient-brand: linear-gradient(135deg, #8e4162 0%, #b98ea7 55%, #d4af37 100%);

    --radius-sm: 4px;
    --radius-md: 8px;
    --radius-lg: 12px;
    --shadow-glow: 0 8px 32px rgba(142, 65, 98, 0.30);
}