/* ==========================================================================
   Preset UI themes — colour-variable overrides only.

   The default "midnight" theme IS custom.css's :root block: it has no
   override here, so existing deployments render unchanged. Each block below
   re-points the colour/shadow variables for one preset; layout, spacing and
   typography variables are never overridden. Themes are chosen per login in
   Settings -> Appearance (services/themes.py holds the registry).

   Note on names: --gold is the ACCENT slot (historic name used throughout
   the templates), not necessarily gold-coloured.
   ========================================================================== */

/* ---- Minimalist Neutrals: cream, beige, grey — calm and soft ------------ */
[data-theme="neutrals"] {
  --bg-stripe: rgba(60, 52, 40, 0.045);
  --bg-primary: #F6F3EE;
  --bg-secondary: #EFEAE2;
  --bg-tertiary: #EFEAE2;
  --bg-card: #FFFFFF;
  --bg-card-hover: #F6F2EB;
  --bg-input: #FFFFFF;
  --bg-overlay: rgba(43, 40, 35, 0.45);

  --gold: #8A7657;
  --gold-hover: #6F5E44;
  --gold-champagne: #5C564C;
  --gold-bronze: #A99678;
  --gold-tint: rgba(138, 118, 87, 0.10);
  --gold-glow: rgba(138, 118, 87, 0.20);

  --text-primary: #2B2823;
  --text-muted: #5C564C;
  --text-subtle: #6F695D;
  --text-inverse: #FFFFFF;

  --border: #D9D2C6;
  --border-light: #E7E1D7;
  --border-gold: rgba(138, 118, 87, 0.45);

  --success: #15803d;
  --success-bg: rgba(21, 128, 61, 0.10);
  --warning: #b45309;
  --warning-bg: rgba(180, 83, 9, 0.10);
  --danger: #dc2626;
  --danger-bg: rgba(220, 38, 38, 0.08);

  --shadow-sm: 0 2px 8px rgba(60, 52, 40, 0.08);
  --shadow-md: 0 4px 20px rgba(60, 52, 40, 0.10);
  --shadow-lg: 0 8px 40px rgba(60, 52, 40, 0.14);
  --shadow-gold: 0 0 20px rgba(138, 118, 87, 0.12);
}

/* ---- Corporate Blue: white + deep blue — trust and clarity -------------- */
[data-theme="corporate"] {
  --bg-stripe: rgba(20, 38, 60, 0.05);
  --bg-primary: #F4F7FB;
  --bg-secondary: #E9EEF5;
  --bg-tertiary: #E9EEF5;
  --bg-card: #FFFFFF;
  --bg-card-hover: #F0F4F9;
  --bg-input: #FFFFFF;
  --bg-overlay: rgba(20, 38, 60, 0.45);

  --gold: #1D4E89;
  --gold-hover: #163C6A;
  --gold-champagne: #2E6BB4;
  --gold-bronze: #6B93C4;
  --gold-tint: rgba(29, 78, 137, 0.08);
  --gold-glow: rgba(29, 78, 137, 0.18);

  --text-primary: #14263C;
  --text-muted: #46586E;
  --text-subtle: #5D7089;
  --text-inverse: #FFFFFF;

  --border: #C9D5E3;
  --border-light: #DDE5EE;
  --border-gold: rgba(29, 78, 137, 0.40);

  --success: #15803d;
  --success-bg: rgba(21, 128, 61, 0.10);
  --warning: #b45309;
  --warning-bg: rgba(180, 83, 9, 0.10);
  --danger: #dc2626;
  --danger-bg: rgba(220, 38, 38, 0.08);

  --shadow-sm: 0 2px 8px rgba(20, 38, 60, 0.08);
  --shadow-md: 0 4px 20px rgba(20, 38, 60, 0.10);
  --shadow-lg: 0 8px 40px rgba(20, 38, 60, 0.14);
  --shadow-gold: 0 0 20px rgba(29, 78, 137, 0.12);
}

/* ---- Vibrant Neon: pink/cyan pops on near-black — bold and modern ------- */
[data-theme="neon"] {
  --bg-stripe: rgba(6, 6, 14, 0.5);
  --bg-primary: #0A0A12;
  --bg-secondary: #101020;
  --bg-tertiary: #101020;
  --bg-card: #14142A;
  --bg-card-hover: #1B1B36;
  --bg-input: #101020;
  --bg-overlay: rgba(0, 0, 0, 0.70);

  --gold: #FF4FD8;
  --gold-hover: #E23BBE;
  --gold-champagne: #7FFFF7;
  --gold-bronze: #B84FA0;
  --gold-tint: rgba(255, 79, 216, 0.10);
  --gold-glow: rgba(255, 79, 216, 0.30);

  --text-primary: #F2F1FF;
  --text-muted: #B9B6D9;
  --text-subtle: #8C89AE;
  --text-inverse: #14041F;

  --border: #33325A;
  --border-light: #26254A;
  --border-gold: rgba(255, 79, 216, 0.40);

  --success: #34d399;
  --success-bg: rgba(52, 211, 153, 0.10);
  --warning: #fbbf24;
  --warning-bg: rgba(251, 191, 36, 0.10);
  --danger: #fb7185;
  --danger-bg: rgba(251, 113, 133, 0.10);

  --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.35);
  --shadow-md: 0 4px 20px rgba(0, 0, 0, 0.45);
  --shadow-lg: 0 8px 40px rgba(0, 0, 0, 0.55);
  --shadow-gold: 0 0 20px rgba(255, 79, 216, 0.20);
}

/* ---- Earthy Green: forest green + warm brown — natural and grounded ----- */
[data-theme="earth"] {
  --bg-stripe: rgba(58, 62, 40, 0.045);
  --bg-primary: #F4F2EA;
  --bg-secondary: #EBE7DA;
  --bg-tertiary: #EBE7DA;
  --bg-card: #FFFFFF;
  --bg-card-hover: #F2EFE4;
  --bg-input: #FFFFFF;
  --bg-overlay: rgba(38, 48, 31, 0.45);

  --gold: #3E6B3F;
  --gold-hover: #2F5330;
  --gold-champagne: #7D5F3B;
  --gold-bronze: #8FA57A;
  --gold-tint: rgba(62, 107, 63, 0.09);
  --gold-glow: rgba(62, 107, 63, 0.18);

  --text-primary: #26301F;
  --text-muted: #49523E;
  --text-subtle: #666F58;
  --text-inverse: #FFFFFF;

  --border: #D5CFBB;
  --border-light: #E2DDCC;
  --border-gold: rgba(62, 107, 63, 0.40);

  --success: #15803d;
  --success-bg: rgba(21, 128, 61, 0.10);
  --warning: #b45309;
  --warning-bg: rgba(180, 83, 9, 0.10);
  --danger: #dc2626;
  --danger-bg: rgba(220, 38, 38, 0.08);

  --shadow-sm: 0 2px 8px rgba(58, 62, 40, 0.08);
  --shadow-md: 0 4px 20px rgba(58, 62, 40, 0.10);
  --shadow-lg: 0 8px 40px rgba(58, 62, 40, 0.14);
  --shadow-gold: 0 0 20px rgba(62, 107, 63, 0.12);
}