/*
 * Falc-Lion Art Direction Studio — twenty independent visual directions.
 * Each block controls palette, image art, geometry and surface behavior.
 */

/* 01 — IMPERIAL OBSIDIAN */
body.flads-theme-imperial-obsidian {
    --flads-body-bg: #050302;
    --flads-bg: #100E0D;
    --flads-bg-alt: #181615;
    --flads-dark: #030201;
    --flads-surface: rgba(34, 26, 10, calc(.43 + (var(--flads-user-glass) * .28)));
    --flads-surface-strong: rgba(3, 2, 1, 0.94);
    --flads-input: rgba(244, 185, 66, 0.055);
    --flads-heading: #FFF8EA;
    --flads-text: #F2E7D4;
    --flads-muted: #B6A88D;
    --flads-on-dark: #FFF8EA;
    --flads-on-dark-muted: rgba(235,244,250,.65);
    --flads-accent: #F4B942;
    --flads-accent-2: #FFF1A8;
    --flads-accent-3: #664E1C;
    --flads-accent-rgb: 244, 185, 66;
    --flads-button-text: #071116;
    --flads-border: rgba(244, 185, 66, 0.22);
    --flads-border-strong: rgba(255, 241, 168, 0.4);
    --flads-header: rgba(4, 2, 2, 0.83);
    --flads-header-text: #FFF8EA;
    --flads-topbar: #030201;
    --flads-hero-panel: rgba(4, 3, 2, 0.62);
    --flads-hero-gradient: linear-gradient(90deg, rgba(3, 2, 1, 0.94), rgba(5, 3, 2, 0.62) 62%, rgba(244, 185, 66, 0.08));
    --flads-title-gradient: linear-gradient(112deg, #FFFFFF 10%, #FFF1A8 54%, #F4B942 84%, #FFFFFF 112%);
    --flads-featured: linear-gradient(145deg, #030201, rgba(244, 185, 66, 0.13) 58%, #030201);
    --flads-shadow: 0 36px 104px rgba(0,0,0,.49);
    --flads-shadow-soft: 0 22px 62px rgba(0,0,0,.32);
    --flads-radius: 26px;
    --flads-radius-sm: 14px;
    --flads-button-radius: 12px;
    --flads-art: url('../images/themes/imperial-obsidian.webp');
    --flads-art-position: center center;
    --flads-mix-mode: screen;
    --flads-section-pattern: linear-gradient(125deg, transparent 0 26%, rgba(var(--flads-accent-rgb),.10) 26.2% 26.45%, transparent 26.7% 100%), linear-gradient(35deg, transparent 0 72%, rgba(255,255,255,.04) 72.2% 72.35%, transparent 72.55% 100%);
    --flads-pattern-size: auto;
}

body.flads-theme-imperial-obsidian .flads-card, body.flads-theme-imperial-obsidian .flads-hero-card { border-radius: 26px 8px 26px 8px !important; }
body.flads-theme-imperial-obsidian .flads-image-shell > img { border-radius: 42px 10px 42px 10px !important; }

/* 02 — GILDED MOTION */
body.flads-theme-gilded-motion {
    --flads-body-bg: #070402;
    --flads-bg: #120F0D;
    --flads-bg-alt: #1A1715;
    --flads-dark: #040201;
    --flads-surface: rgba(31, 24, 10, calc(.43 + (var(--flads-user-glass) * .28)));
    --flads-surface-strong: rgba(4, 3, 1, 0.94);
    --flads-input: rgba(223, 174, 66, 0.055);
    --flads-heading: #FFF8EA;
    --flads-text: #F2E7D4;
    --flads-muted: #B6A88D;
    --flads-on-dark: #FFF8EA;
    --flads-on-dark-muted: rgba(235,244,250,.65);
    --flads-accent: #DFAE42;
    --flads-accent-2: #FFE0A3;
    --flads-accent-3: #5E491C;
    --flads-accent-rgb: 223, 174, 66;
    --flads-button-text: #071116;
    --flads-border: rgba(223, 174, 66, 0.22);
    --flads-border-strong: rgba(255, 224, 163, 0.4);
    --flads-header: rgba(5, 3, 2, 0.83);
    --flads-header-text: #FFF8EA;
    --flads-topbar: #040201;
    --flads-hero-panel: rgba(6, 3, 2, 0.62);
    --flads-hero-gradient: linear-gradient(90deg, rgba(4, 2, 1, 0.94), rgba(7, 4, 2, 0.62) 62%, rgba(223, 174, 66, 0.08));
    --flads-title-gradient: linear-gradient(112deg, #FFFFFF 10%, #FFE0A3 54%, #DFAE42 84%, #FFFFFF 112%);
    --flads-featured: linear-gradient(145deg, #040201, rgba(223, 174, 66, 0.13) 58%, #040201);
    --flads-shadow: 0 36px 104px rgba(0,0,0,.49);
    --flads-shadow-soft: 0 22px 62px rgba(0,0,0,.32);
    --flads-radius: 34px;
    --flads-radius-sm: 20px;
    --flads-button-radius: 999px;
    --flads-art: url('../images/themes/gilded-motion.webp');
    --flads-art-position: center center;
    --flads-mix-mode: screen;
    --flads-section-pattern: radial-gradient(70% 55% at 86% 14%, rgba(var(--flads-accent-rgb),.16), transparent 68%), radial-gradient(55% 50% at 8% 88%, color-mix(in srgb, var(--flads-accent-2) 12%, transparent), transparent 72%);
    --flads-pattern-size: auto;
}

body.flads-theme-gilded-motion .flads-card { box-shadow: var(--flads-shadow-soft), inset 0 1px 0 rgba(255,255,255,.12), 0 0 46px rgba(var(--flads-accent-rgb),.05) !important; }

/* 03 — APEX ARCHITECTURE */
body.flads-theme-apex-architecture {
    --flads-body-bg: #030303;
    --flads-bg: #0E0E0E;
    --flads-bg-alt: #161616;
    --flads-dark: #020202;
    --flads-surface: rgba(34, 27, 11, calc(.43 + (var(--flads-user-glass) * .28)));
    --flads-surface-strong: rgba(2, 2, 2, 0.94);
    --flads-input: rgba(242, 193, 78, 0.055);
    --flads-heading: #FFF8EA;
    --flads-text: #F2E7D4;
    --flads-muted: #B6A88D;
    --flads-on-dark: #FFF8EA;
    --flads-on-dark-muted: rgba(235,244,250,.65);
    --flads-accent: #F2C14E;
    --flads-accent-2: #FFE59A;
    --flads-accent-3: #665121;
    --flads-accent-rgb: 242, 193, 78;
    --flads-button-text: #071116;
    --flads-border: rgba(242, 193, 78, 0.22);
    --flads-border-strong: rgba(255, 229, 154, 0.4);
    --flads-header: rgba(2, 2, 2, 0.83);
    --flads-header-text: #FFF8EA;
    --flads-topbar: #020202;
    --flads-hero-panel: rgba(3, 3, 3, 0.62);
    --flads-hero-gradient: linear-gradient(90deg, rgba(2, 2, 2, 0.94), rgba(3, 3, 3, 0.62) 62%, rgba(242, 193, 78, 0.08));
    --flads-title-gradient: linear-gradient(112deg, #FFFFFF 10%, #FFE59A 54%, #F2C14E 84%, #FFFFFF 112%);
    --flads-featured: linear-gradient(145deg, #020202, rgba(242, 193, 78, 0.13) 58%, #020202);
    --flads-shadow: 0 36px 104px rgba(0,0,0,.49);
    --flads-shadow-soft: 0 22px 62px rgba(0,0,0,.32);
    --flads-radius: 14px;
    --flads-radius-sm: 8px;
    --flads-button-radius: 10px;
    --flads-art: url('../images/themes/apex-architecture.webp');
    --flads-art-position: center center;
    --flads-mix-mode: screen;
    --flads-section-pattern: linear-gradient(rgba(var(--flads-accent-rgb),.045) 1px, transparent 1px), linear-gradient(90deg, rgba(var(--flads-accent-rgb),.045) 1px, transparent 1px);
    --flads-pattern-size: 24px 24px;
}

body.flads-theme-apex-architecture .flads-card { background-image: var(--flads-section-pattern), linear-gradient(145deg, rgba(255,255,255,.07), transparent 42%) !important; background-size: 24px 24px, 24px 24px, auto !important; }
body.flads-theme-apex-architecture .nr-label { font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace !important; letter-spacing:.11em; }

/* 04 — LUNAR TIDE */
body.flads-theme-lunar-tide {
    --flads-body-bg: #020B17;
    --flads-bg: #0D1621;
    --flads-bg-alt: #151D28;
    --flads-dark: #01060D;
    --flads-surface: rgba(9, 32, 36, calc(.43 + (var(--flads-user-glass) * .28)));
    --flads-surface-strong: rgba(1, 7, 15, 0.94);
    --flads-input: rgba(64, 224, 255, 0.055);
    --flads-heading: #F8FBFF;
    --flads-text: #E5EDF3;
    --flads-muted: #97A9B6;
    --flads-on-dark: #F8FBFF;
    --flads-on-dark-muted: rgba(235,244,250,.65);
    --flads-accent: #40E0FF;
    --flads-accent-2: #A7F3FF;
    --flads-accent-3: #1B5E6B;
    --flads-accent-rgb: 64, 224, 255;
    --flads-button-text: #071116;
    --flads-border: rgba(64, 224, 255, 0.22);
    --flads-border-strong: rgba(167, 243, 255, 0.4);
    --flads-header: rgba(2, 8, 17, 0.83);
    --flads-header-text: #F8FBFF;
    --flads-topbar: #01060D;
    --flads-hero-panel: rgba(2, 9, 19, 0.62);
    --flads-hero-gradient: linear-gradient(90deg, rgba(1, 6, 13, 0.94), rgba(2, 11, 23, 0.62) 62%, rgba(64, 224, 255, 0.08));
    --flads-title-gradient: linear-gradient(112deg, #FFFFFF 10%, #A7F3FF 54%, #40E0FF 84%, #FFFFFF 112%);
    --flads-featured: linear-gradient(145deg, #01060D, rgba(64, 224, 255, 0.13) 58%, #01060D);
    --flads-shadow: 0 36px 104px rgba(0,0,0,.49);
    --flads-shadow-soft: 0 22px 62px rgba(0,0,0,.32);
    --flads-radius: 34px;
    --flads-radius-sm: 20px;
    --flads-button-radius: 999px;
    --flads-art: url('../images/themes/lunar-tide.webp');
    --flads-art-position: center center;
    --flads-mix-mode: screen;
    --flads-section-pattern: radial-gradient(70% 55% at 86% 14%, rgba(var(--flads-accent-rgb),.16), transparent 68%), radial-gradient(55% 50% at 8% 88%, color-mix(in srgb, var(--flads-accent-2) 12%, transparent), transparent 72%);
    --flads-pattern-size: auto;
}

body.flads-theme-lunar-tide .flads-card { box-shadow: var(--flads-shadow-soft), inset 0 1px 0 rgba(255,255,255,.12), 0 0 46px rgba(var(--flads-accent-rgb),.05) !important; }

/* 05 — AURORA DOMINION */
body.flads-theme-aurora-dominion {
    --flads-body-bg: #031122;
    --flads-bg: #0E1C2C;
    --flads-bg-alt: #162333;
    --flads-dark: #020A14;
    --flads-surface: rgba(10, 35, 30, calc(.43 + (var(--flads-user-glass) * .28)));
    --flads-surface-strong: rgba(2, 11, 22, 0.94);
    --flads-input: rgba(70, 247, 212, 0.055);
    --flads-heading: #F8FBFF;
    --flads-text: #E5EDF3;
    --flads-muted: #97A9B6;
    --flads-on-dark: #F8FBFF;
    --flads-on-dark-muted: rgba(235,244,250,.65);
    --flads-accent: #46F7D4;
    --flads-accent-2: #9D7CFF;
    --flads-accent-3: #1D6859;
    --flads-accent-rgb: 70, 247, 212;
    --flads-button-text: #071116;
    --flads-border: rgba(70, 247, 212, 0.22);
    --flads-border-strong: rgba(157, 124, 255, 0.4);
    --flads-header: rgba(2, 13, 26, 0.83);
    --flads-header-text: #F8FBFF;
    --flads-topbar: #020A14;
    --flads-hero-panel: rgba(3, 14, 29, 0.62);
    --flads-hero-gradient: linear-gradient(90deg, rgba(2, 10, 20, 0.94), rgba(3, 17, 34, 0.62) 62%, rgba(70, 247, 212, 0.08));
    --flads-title-gradient: linear-gradient(112deg, #FFFFFF 10%, #9D7CFF 54%, #46F7D4 84%, #FFFFFF 112%);
    --flads-featured: linear-gradient(145deg, #020A14, rgba(70, 247, 212, 0.13) 58%, #020A14);
    --flads-shadow: 0 36px 104px rgba(0,0,0,.49);
    --flads-shadow-soft: 0 22px 62px rgba(0,0,0,.32);
    --flads-radius: 30px;
    --flads-radius-sm: 17px;
    --flads-button-radius: 999px;
    --flads-art: url('../images/themes/aurora-dominion.webp');
    --flads-art-position: center center;
    --flads-mix-mode: screen;
    --flads-section-pattern: radial-gradient(65% 55% at 18% 18%, rgba(var(--flads-accent-rgb),.17), transparent 70%), radial-gradient(55% 60% at 85% 48%, color-mix(in srgb, var(--flads-accent-2) 16%, transparent), transparent 72%);
    --flads-pattern-size: auto;
}

body.flads-theme-aurora-dominion .flads-card { box-shadow: var(--flads-shadow-soft), inset 0 1px 0 rgba(255,255,255,.12), 0 0 46px rgba(var(--flads-accent-rgb),.05) !important; }

/* 06 — SOLSTICE COAST */
body.flads-theme-solstice-coast {
    --flads-body-bg: #F7F2E8;
    --flads-bg: #F9F6EE;
    --flads-bg-alt: #F0EEE8;
    --flads-dark: #0C3138;
    --flads-surface: rgba(255, 255, 255, calc(.56 + (var(--flads-user-glass) * .26)));
    --flads-surface-strong: rgba(252, 253, 253, .94);
    --flads-input: rgba(20, 36, 48, .055);
    --flads-heading: #111B24;
    --flads-text: #263640;
    --flads-muted: #64747D;
    --flads-on-dark: #F8FCFF;
    --flads-on-dark-muted: rgba(241,248,252,.67);
    --flads-accent: #20C8C7;
    --flads-accent-2: #FFCA68;
    --flads-accent-3: #135D5F;
    --flads-accent-rgb: 32, 200, 199;
    --flads-button-text: #061317;
    --flads-border: rgba(32, 200, 199, 0.2);
    --flads-border-strong: rgba(32, 200, 199, 0.4);
    --flads-header: rgba(250, 252, 252, .80);
    --flads-header-text: #14242C;
    --flads-topbar: #0B151B;
    --flads-hero-panel: rgba(255,255,255,.54);
    --flads-hero-gradient: linear-gradient(90deg, rgba(12, 49, 56, 0.94), rgba(247, 242, 232, 0.62) 62%, rgba(32, 200, 199, 0.08));
    --flads-title-gradient: linear-gradient(112deg, #111B24 12%, #20C8C7 58%, #FFCA68 100%);
    --flads-featured: linear-gradient(145deg, rgba(255,255,255,.96), rgba(32, 200, 199, 0.14));
    --flads-shadow: 0 34px 94px rgba(21, 35, 45, .18);
    --flads-shadow-soft: 0 20px 52px rgba(21,35,45,.12);
    --flads-radius: 32px;
    --flads-radius-sm: 18px;
    --flads-button-radius: 999px;
    --flads-art: url('../images/themes/solstice-coast.webp');
    --flads-art-position: center center;
    --flads-mix-mode: multiply;
    --flads-section-pattern: radial-gradient(70% 65% at 82% 12%, rgba(var(--flads-accent-rgb),.15), transparent 72%), linear-gradient(165deg, rgba(255,255,255,.58), transparent 48%);
    --flads-pattern-size: auto;
}

/* 07 — RAINFOREST ATELIER */
body.flads-theme-rainforest-atelier {
    --flads-body-bg: #03120B;
    --flads-bg: #0E1D16;
    --flads-bg-alt: #16241D;
    --flads-dark: #020A06;
    --flads-surface: rgba(20, 36, 16, calc(.43 + (var(--flads-user-glass) * .28)));
    --flads-surface-strong: rgba(2, 12, 7, 0.94);
    --flads-input: rgba(141, 255, 114, 0.055);
    --flads-heading: #F8FBFF;
    --flads-text: #E5EDF3;
    --flads-muted: #97A9B6;
    --flads-on-dark: #F8FBFF;
    --flads-on-dark-muted: rgba(235,244,250,.65);
    --flads-accent: #8DFF72;
    --flads-accent-2: #C3A253;
    --flads-accent-3: #3B6B30;
    --flads-accent-rgb: 141, 255, 114;
    --flads-button-text: #071116;
    --flads-border: rgba(141, 255, 114, 0.22);
    --flads-border-strong: rgba(195, 162, 83, 0.4);
    --flads-header: rgba(2, 14, 8, 0.83);
    --flads-header-text: #F8FBFF;
    --flads-topbar: #020A06;
    --flads-hero-panel: rgba(3, 15, 9, 0.62);
    --flads-hero-gradient: linear-gradient(90deg, rgba(2, 10, 6, 0.94), rgba(3, 18, 11, 0.62) 62%, rgba(141, 255, 114, 0.08));
    --flads-title-gradient: linear-gradient(112deg, #FFFFFF 10%, #C3A253 54%, #8DFF72 84%, #FFFFFF 112%);
    --flads-featured: linear-gradient(145deg, #020A06, rgba(141, 255, 114, 0.13) 58%, #020A06);
    --flads-shadow: 0 36px 104px rgba(0,0,0,.49);
    --flads-shadow-soft: 0 22px 62px rgba(0,0,0,.32);
    --flads-radius: 36px;
    --flads-radius-sm: 22px;
    --flads-button-radius: 999px;
    --flads-art: url('../images/themes/rainforest-atelier.webp');
    --flads-art-position: center center;
    --flads-mix-mode: screen;
    --flads-section-pattern: radial-gradient(circle at 82% 20%, rgba(var(--flads-accent-rgb),.14), transparent 32%), radial-gradient(circle at 12% 78%, color-mix(in srgb, var(--flads-accent-2) 12%, transparent), transparent 38%);
    --flads-pattern-size: auto;
}

body.flads-theme-rainforest-atelier .flads-card { border-radius: 38px 18px 34px 20px !important; }

/* 08 — CRYSTAL SOVEREIGN */
body.flads-theme-crystal-sovereign {
    --flads-body-bg: #020616;
    --flads-bg: #0D1120;
    --flads-bg-alt: #151927;
    --flads-dark: #01030D;
    --flads-surface: rgba(18, 17, 36, calc(.43 + (var(--flads-user-glass) * .28)));
    --flads-surface-strong: rgba(1, 4, 14, 0.94);
    --flads-input: rgba(127, 124, 255, 0.055);
    --flads-heading: #F8FBFF;
    --flads-text: #E5EDF3;
    --flads-muted: #97A9B6;
    --flads-on-dark: #F8FBFF;
    --flads-on-dark-muted: rgba(235,244,250,.65);
    --flads-accent: #7F7CFF;
    --flads-accent-2: #26E0C4;
    --flads-accent-3: #35346B;
    --flads-accent-rgb: 127, 124, 255;
    --flads-button-text: #071116;
    --flads-border: rgba(127, 124, 255, 0.22);
    --flads-border-strong: rgba(38, 224, 196, 0.4);
    --flads-header: rgba(2, 4, 16, 0.83);
    --flads-header-text: #F8FBFF;
    --flads-topbar: #01030D;
    --flads-hero-panel: rgba(2, 5, 18, 0.62);
    --flads-hero-gradient: linear-gradient(90deg, rgba(1, 3, 13, 0.94), rgba(2, 6, 22, 0.62) 62%, rgba(127, 124, 255, 0.08));
    --flads-title-gradient: linear-gradient(112deg, #FFFFFF 10%, #26E0C4 54%, #7F7CFF 84%, #FFFFFF 112%);
    --flads-featured: linear-gradient(145deg, #01030D, rgba(127, 124, 255, 0.13) 58%, #01030D);
    --flads-shadow: 0 36px 104px rgba(0,0,0,.49);
    --flads-shadow-soft: 0 22px 62px rgba(0,0,0,.32);
    --flads-radius: 18px;
    --flads-radius-sm: 9px;
    --flads-button-radius: 12px;
    --flads-art: url('../images/themes/crystal-sovereign.webp');
    --flads-art-position: center center;
    --flads-mix-mode: screen;
    --flads-section-pattern: conic-gradient(from 210deg at 80% 18%, transparent 0 18%, rgba(var(--flads-accent-rgb),.10) 18.3% 28%, transparent 28.3% 64%, color-mix(in srgb, var(--flads-accent-2) 9%, transparent) 64.3% 72%, transparent 72.3%);
    --flads-pattern-size: auto;
}

body.flads-theme-crystal-sovereign .flads-card::after { background: conic-gradient(from var(--flads-border-angle), var(--flads-accent), transparent 18%, var(--flads-accent-2) 42%, transparent 63%, var(--flads-accent)) border-box !important; animation: flads-border-spin calc(10s / var(--flads-motion-factor)) linear infinite; }

/* 09 — NEON METROPOLIS */
body.flads-theme-neon-metropolis {
    --flads-body-bg: #02051A;
    --flads-bg: #0D1024;
    --flads-bg-alt: #15182B;
    --flads-dark: #01030F;
    --flads-surface: rgba(36, 8, 29, calc(.43 + (var(--flads-user-glass) * .28)));
    --flads-surface-strong: rgba(1, 3, 17, 0.94);
    --flads-input: rgba(255, 44, 203, 0.055);
    --flads-heading: #F8FBFF;
    --flads-text: #E5EDF3;
    --flads-muted: #97A9B6;
    --flads-on-dark: #F8FBFF;
    --flads-on-dark-muted: rgba(235,244,250,.65);
    --flads-accent: #FF2CCB;
    --flads-accent-2: #33D6FF;
    --flads-accent-3: #6B1255;
    --flads-accent-rgb: 255, 44, 203;
    --flads-button-text: #FFFFFF;
    --flads-border: rgba(255, 44, 203, 0.22);
    --flads-border-strong: rgba(51, 214, 255, 0.4);
    --flads-header: rgba(2, 4, 20, 0.83);
    --flads-header-text: #F8FBFF;
    --flads-topbar: #01030F;
    --flads-hero-panel: rgba(2, 4, 22, 0.62);
    --flads-hero-gradient: linear-gradient(90deg, rgba(1, 3, 15, 0.94), rgba(2, 5, 26, 0.62) 62%, rgba(255, 44, 203, 0.08));
    --flads-title-gradient: linear-gradient(112deg, #FFFFFF 10%, #33D6FF 54%, #FF2CCB 84%, #FFFFFF 112%);
    --flads-featured: linear-gradient(145deg, #01030F, rgba(255, 44, 203, 0.13) 58%, #01030F);
    --flads-shadow: 0 36px 104px rgba(0,0,0,.49);
    --flads-shadow-soft: 0 22px 62px rgba(0,0,0,.32);
    --flads-radius: 14px;
    --flads-radius-sm: 8px;
    --flads-button-radius: 10px;
    --flads-art: url('../images/themes/neon-metropolis.webp');
    --flads-art-position: center center;
    --flads-mix-mode: screen;
    --flads-section-pattern: linear-gradient(rgba(var(--flads-accent-rgb),.045) 1px, transparent 1px), linear-gradient(90deg, rgba(var(--flads-accent-rgb),.045) 1px, transparent 1px);
    --flads-pattern-size: 24px 24px;
}

body.flads-theme-neon-metropolis .flads-card { background-image: var(--flads-section-pattern), linear-gradient(145deg, rgba(255,255,255,.07), transparent 42%) !important; background-size: 24px 24px, 24px 24px, auto !important; }
body.flads-theme-neon-metropolis .nr-label { font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace !important; letter-spacing:.11em; }

/* 10 — DESERT MIRAGE */
body.flads-theme-desert-mirage {
    --flads-body-bg: #F6E7D4;
    --flads-bg: #F9EEE0;
    --flads-bg-alt: #EFE6D8;
    --flads-dark: #32281F;
    --flads-surface: rgba(255, 255, 255, calc(.56 + (var(--flads-user-glass) * .26)));
    --flads-surface-strong: rgba(252, 253, 253, .94);
    --flads-input: rgba(20, 36, 48, .055);
    --flads-heading: #111B24;
    --flads-text: #263640;
    --flads-muted: #64747D;
    --flads-on-dark: #F8FCFF;
    --flads-on-dark-muted: rgba(241,248,252,.67);
    --flads-accent: #F5963D;
    --flads-accent-2: #FFE0A3;
    --flads-accent-3: #6D4825;
    --flads-accent-rgb: 245, 150, 61;
    --flads-button-text: #061317;
    --flads-border: rgba(245, 150, 61, 0.2);
    --flads-border-strong: rgba(245, 150, 61, 0.4);
    --flads-header: rgba(250, 252, 252, .80);
    --flads-header-text: #14242C;
    --flads-topbar: #0B151B;
    --flads-hero-panel: rgba(255,255,255,.54);
    --flads-hero-gradient: linear-gradient(90deg, rgba(50, 40, 31, 0.94), rgba(246, 231, 212, 0.62) 62%, rgba(245, 150, 61, 0.08));
    --flads-title-gradient: linear-gradient(112deg, #111B24 12%, #F5963D 58%, #FFE0A3 100%);
    --flads-featured: linear-gradient(145deg, rgba(255,255,255,.96), rgba(245, 150, 61, 0.14));
    --flads-shadow: 0 34px 94px rgba(21, 35, 45, .18);
    --flads-shadow-soft: 0 20px 52px rgba(21,35,45,.12);
    --flads-radius: 28px;
    --flads-radius-sm: 16px;
    --flads-button-radius: 999px;
    --flads-art: url('../images/themes/desert-mirage.webp');
    --flads-art-position: center center;
    --flads-mix-mode: multiply;
    --flads-section-pattern: radial-gradient(80% 50% at 70% 88%, rgba(var(--flads-accent-rgb),.13), transparent 72%), linear-gradient(150deg, rgba(255,255,255,.10), transparent 45%);
    --flads-pattern-size: auto;
}

/* 11 — ALPINE PRESTIGE */
body.flads-theme-alpine-prestige {
    --flads-body-bg: #EEF3F6;
    --flads-bg: #F3F6F9;
    --flads-bg-alt: #E9EFF2;
    --flads-dark: #1A2834;
    --flads-surface: rgba(255, 255, 255, calc(.56 + (var(--flads-user-glass) * .26)));
    --flads-surface-strong: rgba(252, 253, 253, .94);
    --flads-input: rgba(20, 36, 48, .055);
    --flads-heading: #111B24;
    --flads-text: #263640;
    --flads-muted: #64747D;
    --flads-on-dark: #F8FCFF;
    --flads-on-dark-muted: rgba(241,248,252,.67);
    --flads-accent: #7198B4;
    --flads-accent-2: #EBC998;
    --flads-accent-3: #354957;
    --flads-accent-rgb: 113, 152, 180;
    --flads-button-text: #061317;
    --flads-border: rgba(113, 152, 180, 0.2);
    --flads-border-strong: rgba(113, 152, 180, 0.4);
    --flads-header: rgba(250, 252, 252, .80);
    --flads-header-text: #14242C;
    --flads-topbar: #0B151B;
    --flads-hero-panel: rgba(255,255,255,.54);
    --flads-hero-gradient: linear-gradient(90deg, rgba(26, 40, 52, 0.94), rgba(238, 243, 246, 0.62) 62%, rgba(113, 152, 180, 0.08));
    --flads-title-gradient: linear-gradient(112deg, #111B24 12%, #7198B4 58%, #EBC998 100%);
    --flads-featured: linear-gradient(145deg, rgba(255,255,255,.96), rgba(113, 152, 180, 0.14));
    --flads-shadow: 0 34px 94px rgba(21, 35, 45, .18);
    --flads-shadow-soft: 0 20px 52px rgba(21,35,45,.12);
    --flads-radius: 22px;
    --flads-radius-sm: 12px;
    --flads-button-radius: 12px;
    --flads-art: url('../images/themes/alpine-prestige.webp');
    --flads-art-position: center center;
    --flads-mix-mode: multiply;
    --flads-section-pattern: linear-gradient(145deg, transparent 0 55%, rgba(var(--flads-accent-rgb),.075) 55.2% 55.4%, transparent 55.6%), radial-gradient(70% 60% at 15% 10%, rgba(255,255,255,.15), transparent 70%);
    --flads-pattern-size: auto;
}

/* 12 — LIQUID PRISM */
body.flads-theme-liquid-prism {
    --flads-body-bg: #020817;
    --flads-bg: #0D1321;
    --flads-bg-alt: #151B28;
    --flads-dark: #01050D;
    --flads-surface: rgba(8, 32, 32, calc(.43 + (var(--flads-user-glass) * .28)));
    --flads-surface-strong: rgba(1, 5, 15, 0.94);
    --flads-input: rgba(25, 229, 229, 0.055);
    --flads-heading: #F8FBFF;
    --flads-text: #E5EDF3;
    --flads-muted: #97A9B6;
    --flads-on-dark: #F8FBFF;
    --flads-on-dark-muted: rgba(235,244,250,.65);
    --flads-accent: #19E5E5;
    --flads-accent-2: #A245FF;
    --flads-accent-3: #0B6060;
    --flads-accent-rgb: 25, 229, 229;
    --flads-button-text: #071116;
    --flads-border: rgba(25, 229, 229, 0.22);
    --flads-border-strong: rgba(162, 69, 255, 0.4);
    --flads-header: rgba(2, 6, 17, 0.83);
    --flads-header-text: #F8FBFF;
    --flads-topbar: #01050D;
    --flads-hero-panel: rgba(2, 7, 19, 0.62);
    --flads-hero-gradient: linear-gradient(90deg, rgba(1, 5, 13, 0.94), rgba(2, 8, 23, 0.62) 62%, rgba(25, 229, 229, 0.08));
    --flads-title-gradient: linear-gradient(112deg, #FFFFFF 10%, #A245FF 54%, #19E5E5 84%, #FFFFFF 112%);
    --flads-featured: linear-gradient(145deg, #01050D, rgba(25, 229, 229, 0.13) 58%, #01050D);
    --flads-shadow: 0 36px 104px rgba(0,0,0,.49);
    --flads-shadow-soft: 0 22px 62px rgba(0,0,0,.32);
    --flads-radius: 34px;
    --flads-radius-sm: 20px;
    --flads-button-radius: 999px;
    --flads-art: url('../images/themes/liquid-prism.webp');
    --flads-art-position: center center;
    --flads-mix-mode: screen;
    --flads-section-pattern: radial-gradient(70% 55% at 86% 14%, rgba(var(--flads-accent-rgb),.16), transparent 68%), radial-gradient(55% 50% at 8% 88%, color-mix(in srgb, var(--flads-accent-2) 12%, transparent), transparent 72%);
    --flads-pattern-size: auto;
}

body.flads-theme-liquid-prism .flads-card { box-shadow: var(--flads-shadow-soft), inset 0 1px 0 rgba(255,255,255,.12), 0 0 46px rgba(var(--flads-accent-rgb),.05) !important; }

/* 13 — COSMIC CATHEDRAL */
body.flads-theme-cosmic-cathedral {
    --flads-body-bg: #050318;
    --flads-bg: #100E22;
    --flads-bg-alt: #181629;
    --flads-dark: #03020E;
    --flads-surface: rgba(20, 13, 36, calc(.43 + (var(--flads-user-glass) * .28)));
    --flads-surface-strong: rgba(3, 2, 15, 0.94);
    --flads-input: rgba(140, 93, 255, 0.055);
    --flads-heading: #F8FBFF;
    --flads-text: #E5EDF3;
    --flads-muted: #97A9B6;
    --flads-on-dark: #F8FBFF;
    --flads-on-dark-muted: rgba(235,244,250,.65);
    --flads-accent: #8C5DFF;
    --flads-accent-2: #FF82D5;
    --flads-accent-3: #3B276B;
    --flads-accent-rgb: 140, 93, 255;
    --flads-button-text: #071116;
    --flads-border: rgba(140, 93, 255, 0.22);
    --flads-border-strong: rgba(255, 130, 213, 0.4);
    --flads-header: rgba(4, 2, 18, 0.83);
    --flads-header-text: #F8FBFF;
    --flads-topbar: #03020E;
    --flads-hero-panel: rgba(4, 3, 20, 0.62);
    --flads-hero-gradient: linear-gradient(90deg, rgba(3, 2, 14, 0.94), rgba(5, 3, 24, 0.62) 62%, rgba(140, 93, 255, 0.08));
    --flads-title-gradient: linear-gradient(112deg, #FFFFFF 10%, #FF82D5 54%, #8C5DFF 84%, #FFFFFF 112%);
    --flads-featured: linear-gradient(145deg, #03020E, rgba(140, 93, 255, 0.13) 58%, #03020E);
    --flads-shadow: 0 36px 104px rgba(0,0,0,.49);
    --flads-shadow-soft: 0 22px 62px rgba(0,0,0,.32);
    --flads-radius: 32px;
    --flads-radius-sm: 18px;
    --flads-button-radius: 999px;
    --flads-art: url('../images/themes/cosmic-cathedral.webp');
    --flads-art-position: center center;
    --flads-mix-mode: screen;
    --flads-section-pattern: radial-gradient(circle at 12% 20%, rgba(255,255,255,.13) 0 1px, transparent 1.5px), radial-gradient(circle at 78% 62%, rgba(var(--flads-accent-rgb),.12) 0 1px, transparent 1.5px), radial-gradient(70% 65% at 80% 18%, color-mix(in srgb, var(--flads-accent-2) 14%, transparent), transparent 72%);
    --flads-pattern-size: auto;
}

body.flads-theme-cosmic-cathedral .flads-card { box-shadow: var(--flads-shadow-soft), inset 0 1px 0 rgba(255,255,255,.12), 0 0 46px rgba(var(--flads-accent-rgb),.05) !important; }

/* 14 — ROSE NEBULA */
body.flads-theme-rose-nebula {
    --flads-body-bg: #180314;
    --flads-bg: #220E1F;
    --flads-bg-alt: #291626;
    --flads-dark: #0E020C;
    --flads-surface: rgba(36, 15, 24, calc(.43 + (var(--flads-user-glass) * .28)));
    --flads-surface-strong: rgba(15, 2, 13, 0.94);
    --flads-input: rgba(255, 111, 174, 0.055);
    --flads-heading: #F8FBFF;
    --flads-text: #E5EDF3;
    --flads-muted: #97A9B6;
    --flads-on-dark: #F8FBFF;
    --flads-on-dark-muted: rgba(235,244,250,.65);
    --flads-accent: #FF6FAE;
    --flads-accent-2: #FFC56B;
    --flads-accent-3: #6B2F49;
    --flads-accent-rgb: 255, 111, 174;
    --flads-button-text: #071116;
    --flads-border: rgba(255, 111, 174, 0.22);
    --flads-border-strong: rgba(255, 197, 107, 0.4);
    --flads-header: rgba(18, 2, 15, 0.83);
    --flads-header-text: #F8FBFF;
    --flads-topbar: #0E020C;
    --flads-hero-panel: rgba(20, 3, 17, 0.62);
    --flads-hero-gradient: linear-gradient(90deg, rgba(14, 2, 12, 0.94), rgba(24, 3, 20, 0.62) 62%, rgba(255, 111, 174, 0.08));
    --flads-title-gradient: linear-gradient(112deg, #FFFFFF 10%, #FFC56B 54%, #FF6FAE 84%, #FFFFFF 112%);
    --flads-featured: linear-gradient(145deg, #0E020C, rgba(255, 111, 174, 0.13) 58%, #0E020C);
    --flads-shadow: 0 36px 104px rgba(0,0,0,.49);
    --flads-shadow-soft: 0 22px 62px rgba(0,0,0,.32);
    --flads-radius: 32px;
    --flads-radius-sm: 18px;
    --flads-button-radius: 999px;
    --flads-art: url('../images/themes/rose-nebula.webp');
    --flads-art-position: center center;
    --flads-mix-mode: screen;
    --flads-section-pattern: radial-gradient(circle at 12% 20%, rgba(255,255,255,.13) 0 1px, transparent 1.5px), radial-gradient(circle at 78% 62%, rgba(var(--flads-accent-rgb),.12) 0 1px, transparent 1.5px), radial-gradient(70% 65% at 80% 18%, color-mix(in srgb, var(--flads-accent-2) 14%, transparent), transparent 72%);
    --flads-pattern-size: auto;
}

body.flads-theme-rose-nebula .flads-card { box-shadow: var(--flads-shadow-soft), inset 0 1px 0 rgba(255,255,255,.12), 0 0 46px rgba(var(--flads-accent-rgb),.05) !important; }

/* 15 — EMERALD ECLIPSE */
body.flads-theme-emerald-eclipse {
    --flads-body-bg: #02140E;
    --flads-bg: #0D1F19;
    --flads-bg-alt: #152620;
    --flads-dark: #010C08;
    --flads-surface: rgba(8, 35, 23, calc(.43 + (var(--flads-user-glass) * .28)));
    --flads-surface-strong: rgba(1, 13, 9, 0.94);
    --flads-input: rgba(55, 247, 162, 0.055);
    --flads-heading: #F8FBFF;
    --flads-text: #E5EDF3;
    --flads-muted: #97A9B6;
    --flads-on-dark: #F8FBFF;
    --flads-on-dark-muted: rgba(235,244,250,.65);
    --flads-accent: #37F7A2;
    --flads-accent-2: #D6F560;
    --flads-accent-3: #176844;
    --flads-accent-rgb: 55, 247, 162;
    --flads-button-text: #071116;
    --flads-border: rgba(55, 247, 162, 0.22);
    --flads-border-strong: rgba(214, 245, 96, 0.4);
    --flads-header: rgba(2, 15, 10, 0.83);
    --flads-header-text: #F8FBFF;
    --flads-topbar: #010C08;
    --flads-hero-panel: rgba(2, 17, 12, 0.62);
    --flads-hero-gradient: linear-gradient(90deg, rgba(1, 12, 8, 0.94), rgba(2, 20, 14, 0.62) 62%, rgba(55, 247, 162, 0.08));
    --flads-title-gradient: linear-gradient(112deg, #FFFFFF 10%, #D6F560 54%, #37F7A2 84%, #FFFFFF 112%);
    --flads-featured: linear-gradient(145deg, #010C08, rgba(55, 247, 162, 0.13) 58%, #010C08);
    --flads-shadow: 0 36px 104px rgba(0,0,0,.49);
    --flads-shadow-soft: 0 22px 62px rgba(0,0,0,.32);
    --flads-radius: 30px;
    --flads-radius-sm: 17px;
    --flads-button-radius: 999px;
    --flads-art: url('../images/themes/emerald-eclipse.webp');
    --flads-art-position: center center;
    --flads-mix-mode: screen;
    --flads-section-pattern: radial-gradient(65% 55% at 18% 18%, rgba(var(--flads-accent-rgb),.17), transparent 70%), radial-gradient(55% 60% at 85% 48%, color-mix(in srgb, var(--flads-accent-2) 16%, transparent), transparent 72%);
    --flads-pattern-size: auto;
}

body.flads-theme-emerald-eclipse .flads-card { box-shadow: var(--flads-shadow-soft), inset 0 1px 0 rgba(255,255,255,.12), 0 0 46px rgba(var(--flads-accent-rgb),.05) !important; }

/* 16 — IVORY OS */
body.flads-theme-arctic-zenith {
    --flads-body-bg: #F7F3EE;
    --flads-bg: #FBF7F1;
    --flads-bg-alt: #F1EBE2;
    --flads-dark: #D9CBB7;
    --flads-surface: rgba(255, 251, 245, calc(.58 + (var(--flads-user-glass) * .20)));
    --flads-surface-strong: rgba(255, 250, 243, 0.94);
    --flads-input: rgba(215, 168, 74, 0.08);
    --flads-heading: #3E3223;
    --flads-text: #5C4C38;
    --flads-muted: #8B7D69;
    --flads-on-dark: #3E3223;
    --flads-on-dark-muted: rgba(92, 76, 56, .66);
    --flads-accent: #D7A84A;
    --flads-accent-2: #FFF9ED;
    --flads-accent-3: #B98A32;
    --flads-accent-rgb: 215, 168, 74;
    --flads-button-text: #3E3223;
    --flads-border: rgba(215, 168, 74, 0.24);
    --flads-border-strong: rgba(215, 168, 74, 0.44);
    --flads-header: rgba(251, 247, 241, 0.84);
    --flads-header-text: #3E3223;
    --flads-topbar: #EFE7DC;
    --flads-hero-panel: rgba(255, 251, 245, 0.58);
    --flads-hero-gradient: linear-gradient(90deg, rgba(251, 247, 241, 0.94), rgba(250, 246, 239, 0.68) 58%, rgba(215, 168, 74, 0.04));
    --flads-title-gradient: linear-gradient(112deg, #8A6730 0%, #D7A84A 48%, #FFF5D6 82%, #8A6730 118%);
    --flads-featured: linear-gradient(145deg, rgba(255,255,255,.94), rgba(215, 168, 74, 0.12) 58%, rgba(255,255,255,.94));
    --flads-shadow: 0 32px 88px rgba(160, 131, 90, .16);
    --flads-shadow-soft: 0 18px 46px rgba(160, 131, 90, .12);
    --flads-radius: 28px;
    --flads-radius-sm: 18px;
    --flads-button-radius: 18px;
    --flads-art: url('../images/themes/arctic-zenith.webp');
    --flads-art-position: center center;
    --flads-mix-mode: multiply;
    --flads-section-pattern: radial-gradient(70% 60% at 16% 12%, rgba(255,255,255,.7), transparent 72%), linear-gradient(145deg, transparent 0 58%, rgba(215, 168, 74, .09) 58.2% 58.5%, transparent 58.8%);
    --flads-pattern-size: auto;
}

/* 17 — ENERGY GLOW */
body.flads-theme-copper-dune {
    --flads-body-bg: #020514;
    --flads-bg: #071024;
    --flads-bg-alt: #0B1630;
    --flads-dark: #01040E;
    --flads-surface: rgba(5, 15, 34, calc(.45 + (var(--flads-user-glass) * .28)));
    --flads-surface-strong: rgba(2, 8, 18, 0.94);
    --flads-input: rgba(46, 216, 255, 0.08);
    --flads-heading: #F7FAFF;
    --flads-text: #DDE6F9;
    --flads-muted: #94A4C8;
    --flads-on-dark: #F7FAFF;
    --flads-on-dark-muted: rgba(221,230,249,.68);
    --flads-accent: #2ED8FF;
    --flads-accent-2: #FF49D7;
    --flads-accent-3: #FFB84D;
    --flads-accent-rgb: 46, 216, 255;
    --flads-button-text: #051118;
    --flads-border: rgba(46, 216, 255, 0.23);
    --flads-border-strong: rgba(255, 73, 215, 0.42);
    --flads-header: rgba(2, 6, 18, 0.82);
    --flads-header-text: #F7FAFF;
    --flads-topbar: #01040E;
    --flads-hero-panel: rgba(3, 8, 19, 0.64);
    --flads-hero-gradient: linear-gradient(90deg, rgba(1, 4, 14, 0.94), rgba(2, 7, 20, 0.64) 52%, rgba(255, 73, 215, 0.10) 72%, rgba(46, 216, 255, 0.08));
    --flads-title-gradient: linear-gradient(112deg, #FFFFFF 0%, #FFB84D 26%, #FF49D7 56%, #2ED8FF 84%, #FFFFFF 115%);
    --flads-featured: linear-gradient(145deg, #061021, rgba(255, 73, 215, 0.14) 38%, rgba(46, 216, 255, 0.16) 72%, #061021);
    --flads-shadow: 0 38px 112px rgba(0,0,0,.52);
    --flads-shadow-soft: 0 22px 62px rgba(0,0,0,.36);
    --flads-radius: 26px;
    --flads-radius-sm: 16px;
    --flads-button-radius: 999px;
    --flads-art: url('../images/themes/copper-dune.webp');
    --flads-art-position: center center;
    --flads-mix-mode: screen;
    --flads-section-pattern: radial-gradient(78% 62% at 74% 24%, rgba(255, 73, 215, .18), transparent 72%), radial-gradient(62% 58% at 8% 92%, rgba(46, 216, 255, .18), transparent 72%), linear-gradient(145deg, rgba(255, 184, 77, .10), transparent 42%);
    --flads-pattern-size: auto;
}

/* 18 — SAPPHIRE TEMPEST */
body.flads-theme-sapphire-tempest {
    --flads-body-bg: #020516;
    --flads-bg: #0D1020;
    --flads-bg-alt: #151827;
    --flads-dark: #01030D;
    --flads-surface: rgba(8, 19, 36, calc(.43 + (var(--flads-user-glass) * .28)));
    --flads-surface-strong: rgba(1, 3, 14, 0.94);
    --flads-input: rgba(46, 139, 255, 0.055);
    --flads-heading: #F8FBFF;
    --flads-text: #E5EDF3;
    --flads-muted: #97A9B6;
    --flads-on-dark: #F8FBFF;
    --flads-on-dark-muted: rgba(235,244,250,.65);
    --flads-accent: #2E8BFF;
    --flads-accent-2: #7A5CFF;
    --flads-accent-3: #133A6B;
    --flads-accent-rgb: 46, 139, 255;
    --flads-button-text: #071116;
    --flads-border: rgba(46, 139, 255, 0.22);
    --flads-border-strong: rgba(122, 92, 255, 0.4);
    --flads-header: rgba(2, 4, 16, 0.83);
    --flads-header-text: #F8FBFF;
    --flads-topbar: #01030D;
    --flads-hero-panel: rgba(2, 4, 18, 0.62);
    --flads-hero-gradient: linear-gradient(90deg, rgba(1, 3, 13, 0.94), rgba(2, 5, 22, 0.62) 62%, rgba(46, 139, 255, 0.08));
    --flads-title-gradient: linear-gradient(112deg, #FFFFFF 10%, #7A5CFF 54%, #2E8BFF 84%, #FFFFFF 112%);
    --flads-featured: linear-gradient(145deg, #01030D, rgba(46, 139, 255, 0.13) 58%, #01030D);
    --flads-shadow: 0 36px 104px rgba(0,0,0,.49);
    --flads-shadow-soft: 0 22px 62px rgba(0,0,0,.32);
    --flads-radius: 34px;
    --flads-radius-sm: 20px;
    --flads-button-radius: 999px;
    --flads-art: url('../images/themes/sapphire-tempest.webp');
    --flads-art-position: center center;
    --flads-mix-mode: screen;
    --flads-section-pattern: radial-gradient(70% 55% at 86% 14%, rgba(var(--flads-accent-rgb),.16), transparent 68%), radial-gradient(55% 50% at 8% 88%, color-mix(in srgb, var(--flads-accent-2) 12%, transparent), transparent 72%);
    --flads-pattern-size: auto;
}

body.flads-theme-sapphire-tempest .flads-card { box-shadow: var(--flads-shadow-soft), inset 0 1px 0 rgba(255,255,255,.12), 0 0 46px rgba(var(--flads-accent-rgb),.05) !important; }

/* 19 — OBSIDIAN LAGOON */
body.flads-theme-obsidian-lagoon {
    --flads-body-bg: #020B0B;
    --flads-bg: #0D1616;
    --flads-bg-alt: #151D1D;
    --flads-dark: #010606;
    --flads-surface: rgba(8, 30, 27, calc(.43 + (var(--flads-user-glass) * .28)));
    --flads-surface-strong: rgba(1, 7, 7, 0.94);
    --flads-input: rgba(0, 216, 194, 0.055);
    --flads-heading: #F8FBFF;
    --flads-text: #E5EDF3;
    --flads-muted: #97A9B6;
    --flads-on-dark: #F8FBFF;
    --flads-on-dark-muted: rgba(235,244,250,.65);
    --flads-accent: #00D8C2;
    --flads-accent-2: #D8A448;
    --flads-accent-3: #005B51;
    --flads-accent-rgb: 0, 216, 194;
    --flads-button-text: #071116;
    --flads-border: rgba(0, 216, 194, 0.22);
    --flads-border-strong: rgba(216, 164, 72, 0.4);
    --flads-header: rgba(2, 8, 8, 0.83);
    --flads-header-text: #F8FBFF;
    --flads-topbar: #010606;
    --flads-hero-panel: rgba(2, 9, 9, 0.62);
    --flads-hero-gradient: linear-gradient(90deg, rgba(1, 6, 6, 0.94), rgba(2, 11, 11, 0.62) 62%, rgba(0, 216, 194, 0.08));
    --flads-title-gradient: linear-gradient(112deg, #FFFFFF 10%, #D8A448 54%, #00D8C2 84%, #FFFFFF 112%);
    --flads-featured: linear-gradient(145deg, #010606, rgba(0, 216, 194, 0.13) 58%, #010606);
    --flads-shadow: 0 36px 104px rgba(0,0,0,.49);
    --flads-shadow-soft: 0 22px 62px rgba(0,0,0,.32);
    --flads-radius: 36px;
    --flads-radius-sm: 22px;
    --flads-button-radius: 999px;
    --flads-art: url('../images/themes/obsidian-lagoon.webp');
    --flads-art-position: center center;
    --flads-mix-mode: screen;
    --flads-section-pattern: radial-gradient(circle at 82% 20%, rgba(var(--flads-accent-rgb),.14), transparent 32%), radial-gradient(circle at 12% 78%, color-mix(in srgb, var(--flads-accent-2) 12%, transparent), transparent 38%);
    --flads-pattern-size: auto;
}

body.flads-theme-obsidian-lagoon .flads-card { border-radius: 38px 18px 34px 20px !important; }

/* 20 — RUBY CIRCUIT */
body.flads-theme-ruby-circuit {
    --flads-body-bg: #140205;
    --flads-bg: #1F0D10;
    --flads-bg-alt: #261518;
    --flads-dark: #0C0103;
    --flads-surface: rgba(36, 8, 13, calc(.43 + (var(--flads-user-glass) * .28)));
    --flads-surface-strong: rgba(13, 1, 3, 0.94);
    --flads-input: rgba(255, 54, 93, 0.055);
    --flads-heading: #F8FBFF;
    --flads-text: #E5EDF3;
    --flads-muted: #97A9B6;
    --flads-on-dark: #F8FBFF;
    --flads-on-dark-muted: rgba(235,244,250,.65);
    --flads-accent: #FF365D;
    --flads-accent-2: #FFB547;
    --flads-accent-3: #6B1727;
    --flads-accent-rgb: 255, 54, 93;
    --flads-button-text: #FFFFFF;
    --flads-border: rgba(255, 54, 93, 0.22);
    --flads-border-strong: rgba(255, 181, 71, 0.4);
    --flads-header: rgba(15, 2, 4, 0.83);
    --flads-header-text: #F8FBFF;
    --flads-topbar: #0C0103;
    --flads-hero-panel: rgba(17, 2, 4, 0.62);
    --flads-hero-gradient: linear-gradient(90deg, rgba(12, 1, 3, 0.94), rgba(20, 2, 5, 0.62) 62%, rgba(255, 54, 93, 0.08));
    --flads-title-gradient: linear-gradient(112deg, #FFFFFF 10%, #FFB547 54%, #FF365D 84%, #FFFFFF 112%);
    --flads-featured: linear-gradient(145deg, #0C0103, rgba(255, 54, 93, 0.13) 58%, #0C0103);
    --flads-shadow: 0 36px 104px rgba(0,0,0,.49);
    --flads-shadow-soft: 0 22px 62px rgba(0,0,0,.32);
    --flads-radius: 14px;
    --flads-radius-sm: 8px;
    --flads-button-radius: 10px;
    --flads-art: url('../images/themes/ruby-circuit.webp');
    --flads-art-position: center center;
    --flads-mix-mode: screen;
    --flads-section-pattern: linear-gradient(rgba(var(--flads-accent-rgb),.045) 1px, transparent 1px), linear-gradient(90deg, rgba(var(--flads-accent-rgb),.045) 1px, transparent 1px);
    --flads-pattern-size: 24px 24px;
}

body.flads-theme-ruby-circuit .flads-card { background-image: var(--flads-section-pattern), linear-gradient(145deg, rgba(255,255,255,.07), transparent 42%) !important; background-size: 24px 24px, 24px 24px, auto !important; }
body.flads-theme-ruby-circuit .nr-label { font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace !important; letter-spacing:.11em; }

@keyframes flads-border-spin { to { --flads-border-angle: 360deg; } }