:root {
  --bg1: #f7f4ee;
  --bg2: #f2eee7;
  --bg3: #e9eff7;
  --accent: #e0b472;
  --accent2: #8fc0ea;
  --ink: #16233c;
  --muted: #5b6a85;
  --pink: #f0ce9b;
  --p900: #0a1120;
  --cta: #ffffff;
  --cta-foreground: #16233c;
  --aurora: #3f5f96;
  --accent-soft: #faf2e3;
  --accent2-soft: #eaf2fa;
  --muted-surface: #f1ece2;
  --card: #ffffff;
  --popover: #ffffff;
  --primary-foreground: #16233c;
  --secondary-foreground: #16233c;
  --accent-foreground: #16233c;
  --destructive: #b3342f;
  --destructive-foreground: #ffffff;
  --success: #2e7d5b;
  --warning: #a8763a;
  --border: #e4dccd;
  --input: #d9cfbc;
  --glass-bg: rgb(255 253 247 / 0.66);
  --glass-bg-active: rgb(255 253 247 / 0.94);
  --glass-border: rgb(255 255 255 / 0.8);
  --soft-shadow: 0 10px 30px rgb(10 17 32 / 0.1);
  --glow-shadow: 0 8px 24px rgb(224 180 114 / 0.45);
  --glow-shadow-mint: 0 8px 24px rgb(143 192 234 / 0.45);
  --night-gradient: radial-gradient(ellipse at 50% 30%, #16233c, #101c33 70%, #0a1120);
}

.force-light {
  --bg1: #f7f4ee;
  --bg2: #f2eee7;
  --bg3: #e9eff7;
  --ink: #16233c;
  --muted: #5b6a85;
  --pink: #f0ce9b;
  --accent-soft: #faf2e3;
  --accent2-soft: #eaf2fa;
  --muted-surface: #f1ece2;
  --card: #ffffff;
  --popover: #ffffff;
  --border: #e4dccd;
  --input: #d9cfbc;
  --destructive: #b3342f;
  --glass-bg: rgb(255 253 247 / 0.66);
  --glass-bg-active: rgb(255 253 247 / 0.94);
  --glass-border: rgb(255 255 255 / 0.8);
  --soft-shadow: 0 10px 30px rgb(10 17 32 / 0.1);
  --background: #f7f4ee;
  --foreground: #16233c;
  --card-foreground: #16233c;
  --popover-foreground: #16233c;
  --muted-foreground: #5b6a85;
}

.dark {
  --bg1: #0a1120;
  --bg2: #101c33;
  --bg3: #0d2133;
  --ink: #f2eee7;
  --muted: #9db0cb;
  --pink: #d9ba8e;
  --accent-soft: #1c2841;
  --accent2-soft: #11253b;
  --muted-surface: #16233c;
  --card: #111d35;
  --popover: #14213a;
  --secondary-foreground: #0a1120;
  --destructive: #e05a52;
  --border: #23324e;
  --input: #2c3d5e;
  --glass-bg: rgb(16 28 51 / 0.6);
  --glass-bg-active: rgb(16 28 51 / 0.93);
  --glass-border: rgb(224 180 114 / 0.2);
  --soft-shadow: 0 10px 30px rgb(2 5 12 / 0.55);
}

@media (prefers-color-scheme: dark) {
  :root:not(.light) {
    --bg1: #0a1120;
    --bg2: #101c33;
    --bg3: #0d2133;
    --ink: #f2eee7;
    --muted: #9db0cb;
    --pink: #d9ba8e;
    --accent-soft: #1c2841;
    --accent2-soft: #11253b;
    --muted-surface: #16233c;
    --card: #111d35;
    --popover: #14213a;
    --secondary-foreground: #0a1120;
    --destructive: #e05a52;
    --border: #23324e;
    --input: #2c3d5e;
    --glass-bg: rgb(16 28 51 / 0.6);
    --glass-bg-active: rgb(16 28 51 / 0.93);
    --glass-border: rgb(224 180 114 / 0.2);
    --soft-shadow: 0 10px 30px rgb(2 5 12 / 0.55);
  }
}

:root {
  --brand-logo: url("/api/brand/logo?v=01a08487-8566-7d55-a428-dd971c3848fc");
  --brand-logo-aspect: 11.84;
  --brand-text-display: none;
  --brand-image-display: inline-block;
}