/**
 * lotus — Centralized Theme (All 10 Palettes)
 * ──────────────────────────────────────────────────────────
 * To switch palette, apply the matching class to your root element.
 * Active palette: Palette 5 — Matcha Cream
 *
 * Key brand colors (Palette 5):
 *   --accent-primary   → #0c4da2  (Blue)
 *   --accent-secondary → #f27b9d  (Pink)
 *   --accent-tertiary  → #0d9488  (Teal)
 */

/* ── Palette 1: Ocean Mint ──────────────────────────────────── */
.palette1 {
    --bg-deep: #ffffff;
    --bg-mid: #ffffff;
    --bg-light: #ffffff;
    --glass-bg: rgba(255, 255, 255, 0.75);
    --glass-border: rgba(255, 255, 255, 0.85);
    --accent-primary: #0c4da2;
    --accent-secondary: #f27b9d;
    --accent-tertiary: #0d9488;
    --accent-pink: #f27b9d;
    --text-primary: #1a200a;
    --text-secondary: rgba(26, 32, 10, 0.7);
    --text-muted: rgba(26, 32, 10, 0.42);
    --text-label: rgba(26, 32, 10, 0.52);
    --success: #0c4da2;
    --danger: #dc2626;
    --warning: #f27b9d;
    --info: #f27b9d;
    --card-bg: #ffffff;
    --card-border: rgba(232, 237, 218, 0.9);
    --tab-active: #0c4da2;
    --tab-inactive: rgba(26, 32, 10, 0.38);
    --tab-bg: #ffffff;
    --tab-border: rgba(232, 237, 218, 0.9);
    --header-bg: #ffffff;
    --header-border: rgba(232, 237, 218, 0.9);
    --loader-color: #0c4da2;
    --disabled-bg: rgba(232, 237, 218, 0.45);
    --disabled-text: rgba(26, 32, 10, 0.28);
    --list-item-bg: #ffffff;
    --list-item-bg-dis: rgba(232, 237, 218, 0.48);
    --row-stripe: rgba(242, 123, 157, 0.07);
    --btn-primary-hover: #0a3d85;
    --btn-secondary-hover: #e0607f;
}

/* ── Palette 2: Arctic Blue ─────────────────────────────────── */
.palette2 {
    --bg-deep: #ffffff;
    --bg-mid: #ffffff;
    --bg-light: #ffffff;
    --glass-bg: rgba(255, 255, 255, 0.75);
    --glass-border: rgba(255, 255, 255, 0.85);
    --accent-primary: #0c4da2;
    --accent-secondary: #f27b9d;
    --accent-tertiary: #0d9488;
    --accent-pink: #f27b9d;
    --text-primary: #1a200a;
    --text-secondary: rgba(26, 32, 10, 0.7);
    --text-muted: rgba(26, 32, 10, 0.42);
    --text-label: rgba(26, 32, 10, 0.52);
    --success: #0c4da2;
    --danger: #dc2626;
    --warning: #f27b9d;
    --info: #f27b9d;
    --card-bg: #ffffff;
    --card-border: rgba(232, 237, 218, 0.9);
    --tab-active: #0c4da2;
    --tab-inactive: rgba(26, 32, 10, 0.38);
    --tab-bg: #ffffff;
    --tab-border: rgba(232, 237, 218, 0.9);
    --header-bg: #ffffff;
    --header-border: rgba(232, 237, 218, 0.9);
    --loader-color: #0c4da2;
    --disabled-bg: rgba(232, 237, 218, 0.45);
    --disabled-text: rgba(26, 32, 10, 0.28);
    --list-item-bg: #ffffff;
    --list-item-bg-dis: rgba(232, 237, 218, 0.48);
    --row-stripe: rgba(242, 123, 157, 0.07);
    --btn-primary-hover: #0a3d85;
    --btn-secondary-hover: #e0607f;
}

/* ── Palette 3: Forest Sage ─────────────────────────────────── */
.palette3 {
    --bg-deep: #ffffff;
    --bg-mid: #ffffff;
    --bg-light: #ffffff;
    --glass-bg: rgba(255, 255, 255, 0.75);
    --glass-border: rgba(255, 255, 255, 0.85);
    --accent-primary: #0c4da2;
    --accent-secondary: #f27b9d;
    --accent-tertiary: #0d9488;
    --accent-pink: #f27b9d;
    --text-primary: #1a200a;
    --text-secondary: rgba(26, 32, 10, 0.7);
    --text-muted: rgba(26, 32, 10, 0.42);
    --text-label: rgba(26, 32, 10, 0.52);
    --success: #0c4da2;
    --danger: #dc2626;
    --warning: #f27b9d;
    --info: #f27b9d;
    --card-bg: #ffffff;
    --card-border: rgba(232, 237, 218, 0.9);
    --tab-active: #0c4da2;
    --tab-inactive: rgba(26, 32, 10, 0.38);
    --tab-bg: #ffffff;
    --tab-border: rgba(232, 237, 218, 0.9);
    --header-bg: #ffffff;
    --header-border: rgba(232, 237, 218, 0.9);
    --loader-color: #0c4da2;
    --disabled-bg: rgba(232, 237, 218, 0.45);
    --disabled-text: rgba(26, 32, 10, 0.28);
    --list-item-bg: #ffffff;
    --list-item-bg-dis: rgba(232, 237, 218, 0.48);
    --row-stripe: rgba(242, 123, 157, 0.07);
    --btn-primary-hover: #0a3d85;
    --btn-secondary-hover: #e0607f;
}

/* ── Palette 4: Golden Hour ─────────────────────────────────── */
.palette4 {
    --bg-deep: #ffffff;
    --bg-mid: #ffffff;
    --bg-light: #ffffff;
    --glass-bg: rgba(255, 255, 255, 0.75);
    --glass-border: rgba(255, 255, 255, 0.85);
    --accent-primary: #0c4da2;
    --accent-secondary: #f27b9d;
    --accent-tertiary: #0d9488;
    --accent-pink: #f27b9d;
    --text-primary: #1a200a;
    --text-secondary: rgba(26, 32, 10, 0.7);
    --text-muted: rgba(26, 32, 10, 0.42);
    --text-label: rgba(26, 32, 10, 0.52);
    --success: #0c4da2;
    --danger: #dc2626;
    --warning: #f27b9d;
    --info: #f27b9d;
    --card-bg: #ffffff;
    --card-border: rgba(232, 237, 218, 0.9);
    --tab-active: #0c4da2;
    --tab-inactive: rgba(26, 32, 10, 0.38);
    --tab-bg: #ffffff;
    --tab-border: rgba(232, 237, 218, 0.9);
    --header-bg: #ffffff;
    --header-border: rgba(232, 237, 218, 0.9);
    --loader-color: #0c4da2;
    --disabled-bg: rgba(232, 237, 218, 0.45);
    --disabled-text: rgba(26, 32, 10, 0.28);
    --list-item-bg: #ffffff;
    --list-item-bg-dis: rgba(232, 237, 218, 0.48);
    --row-stripe: rgba(242, 123, 157, 0.07);
    --btn-primary-hover: #0a3d85;
    --btn-secondary-hover: #e0607f;
}

/* ── Palette 5: Matcha Cream (ACTIVE) ───────────────────────── */
:root,
.palette5 {
    --bg-deep: #ffffff;
    --bg-mid: #ffffff;
    --bg-light: #ffffff;
    --glass-bg: rgba(255, 255, 255, 0.75);
    --glass-border: rgba(255, 255, 255, 0.85);
    --accent-primary: #0c4da2;
    --accent-secondary: #f27b9d;
    --accent-tertiary: #0d9488;
    --accent-pink: #f27b9d;
    --text-primary: #1a200a;
    --text-secondary: rgba(26, 32, 10, 0.7);
    --text-muted: rgba(26, 32, 10, 0.42);
    --text-label: rgba(26, 32, 10, 0.52);
    --success: #0c4da2;
    --danger: #dc2626;
    --warning: #f27b9d;
    --info: #f27b9d;
    --card-bg: #ffffff;
    --card-border: rgba(232, 237, 218, 0.9);
    --tab-active: #0c4da2;
    --tab-inactive: rgba(26, 32, 10, 0.38);
    --tab-bg: #ffffff;
    --tab-border: rgba(232, 237, 218, 0.9);
    --header-bg: #ffffff;
    --header-border: rgba(232, 237, 218, 0.9);
    --loader-color: #0c4da2;
    --disabled-bg: rgba(232, 237, 218, 0.45);
    --disabled-text: rgba(26, 32, 10, 0.28);
    --list-item-bg: #ffffff;
    --list-item-bg-dis: rgba(232, 237, 218, 0.48);
    --row-stripe: rgba(242, 123, 157, 0.07);
    --btn-primary-hover: #0a3d85;
    --btn-secondary-hover: #e0607f;
}

/* ── Palette 6: Deep Violet ─────────────────────────────────── */
.palette6 {
    --bg-deep: #ffffff;
    --bg-mid: #ffffff;
    --bg-light: #ffffff;
    --glass-bg: rgba(255, 255, 255, 0.75);
    --glass-border: rgba(255, 255, 255, 0.85);
    --accent-primary: #0c4da2;
    --accent-secondary: #f27b9d;
    --accent-tertiary: #0d9488;
    --accent-pink: #f27b9d;
    --text-primary: #1a200a;
    --text-secondary: rgba(26, 32, 10, 0.7);
    --text-muted: rgba(26, 32, 10, 0.42);
    --text-label: rgba(26, 32, 10, 0.52);
    --success: #0c4da2;
    --danger: #dc2626;
    --warning: #f27b9d;
    --info: #f27b9d;
    --card-bg: #ffffff;
    --card-border: rgba(232, 237, 218, 0.9);
    --tab-active: #0c4da2;
    --tab-inactive: rgba(26, 32, 10, 0.38);
    --tab-bg: #ffffff;
    --tab-border: rgba(232, 237, 218, 0.9);
    --header-bg: #ffffff;
    --header-border: rgba(232, 237, 218, 0.9);
    --loader-color: #0c4da2;
    --disabled-bg: rgba(232, 237, 218, 0.45);
    --disabled-text: rgba(26, 32, 10, 0.28);
    --list-item-bg: #ffffff;
    --list-item-bg-dis: rgba(232, 237, 218, 0.48);
    --row-stripe: rgba(242, 123, 157, 0.07);
    --btn-primary-hover: #0a3d85;
    --btn-secondary-hover: #e0607f;
}

/* ── Palette 7: Citrus Splash ───────────────────────────────── */
.palette7 {
    --bg-deep: #ffffff;
    --bg-mid: #ffffff;
    --bg-light: #ffffff;
    --glass-bg: rgba(255, 255, 255, 0.75);
    --glass-border: rgba(255, 255, 255, 0.85);
    --accent-primary: #0c4da2;
    --accent-secondary: #f27b9d;
    --accent-tertiary: #0d9488;
    --accent-pink: #f27b9d;
    --text-primary: #1a200a;
    --text-secondary: rgba(26, 32, 10, 0.7);
    --text-muted: rgba(26, 32, 10, 0.42);
    --text-label: rgba(26, 32, 10, 0.52);
    --success: #0c4da2;
    --danger: #dc2626;
    --warning: #f27b9d;
    --info: #f27b9d;
    --card-bg: #ffffff;
    --card-border: rgba(232, 237, 218, 0.9);
    --tab-active: #0c4da2;
    --tab-inactive: rgba(26, 32, 10, 0.38);
    --tab-bg: #ffffff;
    --tab-border: rgba(232, 237, 218, 0.9);
    --header-bg: #ffffff;
    --header-border: rgba(232, 237, 218, 0.9);
    --loader-color: #0c4da2;
    --disabled-bg: rgba(232, 237, 218, 0.45);
    --disabled-text: rgba(26, 32, 10, 0.28);
    --list-item-bg: #ffffff;
    --list-item-bg-dis: rgba(232, 237, 218, 0.48);
    --row-stripe: rgba(242, 123, 157, 0.07);
    --btn-primary-hover: #0a3d85;
    --btn-secondary-hover: #e0607f;
}

/* ── Palette 8: Slate Steel ─────────────────────────────────── */
.palette8 {
    --bg-deep: #ffffff;
    --bg-mid: #ffffff;
    --bg-light: #ffffff;
    --glass-bg: rgba(255, 255, 255, 0.75);
    --glass-border: rgba(255, 255, 255, 0.85);
    --accent-primary: #0c4da2;
    --accent-secondary: #f27b9d;
    --accent-tertiary: #0d9488;
    --accent-pink: #f27b9d;
    --text-primary: #1a200a;
    --text-secondary: rgba(26, 32, 10, 0.7);
    --text-muted: rgba(26, 32, 10, 0.42);
    --text-label: rgba(26, 32, 10, 0.52);
    --success: #0c4da2;
    --danger: #dc2626;
    --warning: #f27b9d;
    --info: #f27b9d;
    --card-bg: #ffffff;
    --card-border: rgba(232, 237, 218, 0.9);
    --tab-active: #0c4da2;
    --tab-inactive: rgba(26, 32, 10, 0.38);
    --tab-bg: #ffffff;
    --tab-border: rgba(232, 237, 218, 0.9);
    --header-bg: #ffffff;
    --header-border: rgba(232, 237, 218, 0.9);
    --loader-color: #0c4da2;
    --disabled-bg: rgba(232, 237, 218, 0.45);
    --disabled-text: rgba(26, 32, 10, 0.28);
    --list-item-bg: #ffffff;
    --list-item-bg-dis: rgba(232, 237, 218, 0.48);
    --row-stripe: rgba(242, 123, 157, 0.07);
    --btn-primary-hover: #0a3d85;
    --btn-secondary-hover: #e0607f;
}

/* ── Palette 9: Copper & Sky ────────────────────────────────── */
.palette9 {
    --bg-deep: #ffffff;
    --bg-mid: #ffffff;
    --bg-light: #ffffff;
    --glass-bg: rgba(255, 255, 255, 0.75);
    --glass-border: rgba(255, 255, 255, 0.85);
    --accent-primary: #0c4da2;
    --accent-secondary: #f27b9d;
    --accent-tertiary: #0d9488;
    --accent-pink: #f27b9d;
    --text-primary: #1a200a;
    --text-secondary: rgba(26, 32, 10, 0.7);
    --text-muted: rgba(26, 32, 10, 0.42);
    --text-label: rgba(26, 32, 10, 0.52);
    --success: #0c4da2;
    --danger: #dc2626;
    --warning: #f27b9d;
    --info: #f27b9d;
    --card-bg: #ffffff;
    --card-border: rgba(232, 237, 218, 0.9);
    --tab-active: #0c4da2;
    --tab-inactive: rgba(26, 32, 10, 0.38);
    --tab-bg: #ffffff;
    --tab-border: rgba(232, 237, 218, 0.9);
    --header-bg: #ffffff;
    --header-border: rgba(232, 237, 218, 0.9);
    --loader-color: #0c4da2;
    --disabled-bg: rgba(232, 237, 218, 0.45);
    --disabled-text: rgba(26, 32, 10, 0.28);
    --list-item-bg: #ffffff;
    --list-item-bg-dis: rgba(232, 237, 218, 0.48);
    --row-stripe: rgba(242, 123, 157, 0.07);
    --btn-primary-hover: #0a3d85;
    --btn-secondary-hover: #e0607f;
}

/* ── Palette 10: Jade & Dusk ────────────────────────────────── */
.palette10 {
    --bg-deep: #ffffff;
    --bg-mid: #ffffff;
    --bg-light: #ffffff;
    --glass-bg: rgba(255, 255, 255, 0.75);
    --glass-border: rgba(255, 255, 255, 0.85);
    --accent-primary: #0c4da2;
    --accent-secondary: #f27b9d;
    --accent-tertiary: #0d9488;
    --accent-pink: #f27b9d;
    --text-primary: #1a200a;
    --text-secondary: rgba(26, 32, 10, 0.7);
    --text-muted: rgba(26, 32, 10, 0.42);
    --text-label: rgba(26, 32, 10, 0.52);
    --success: #0c4da2;
    --danger: #dc2626;
    --warning: #f27b9d;
    --info: #f27b9d;
    --card-bg: #ffffff;
    --card-border: rgba(232, 237, 218, 0.9);
    --tab-active: #0c4da2;
    --tab-inactive: rgba(26, 32, 10, 0.38);
    --tab-bg: #ffffff;
    --tab-border: rgba(232, 237, 218, 0.9);
    --header-bg: #ffffff;
    --header-border: rgba(232, 237, 218, 0.9);
    --loader-color: #0c4da2;
    --disabled-bg: rgba(232, 237, 218, 0.45);
    --disabled-text: rgba(26, 32, 10, 0.28);
    --list-item-bg: #ffffff;
    --list-item-bg-dis: rgba(232, 237, 218, 0.48);
    --row-stripe: rgba(242, 123, 157, 0.07);
    --btn-primary-hover: #0a3d85;
    --btn-secondary-hover: #e0607f;
}

/* ── Typography ─────────────────────────────────────────────── */
:root {
    --font-heading: 'Inter', sans-serif;
    --font-bold: 'Inter', sans-serif;
    --font-medium: 'Inter', sans-serif;
    --font-body: 'Inter', sans-serif;
    --font-light: 'Inter', sans-serif;
}

/* ── Spacing ────────────────────────────────────────────────── */
:root {
    --spacing-xs: 4px;
    --spacing-sm: 8px;
    --spacing-md: 14px;
    --spacing-lg: 20px;
    --spacing-xl: 28px;
}

/* ── Border Radius ──────────────────────────────────────────── */
:root {
    --radius-sm: 6px;
    --radius-md: 10px;
    --radius-lg: 16px;
    --radius-xl: 22px;
    --radius-full: 9999px;
}