/* Default brand tokens — instant, static fallback used only if the dynamic
   /api/design/theme.css is unavailable (e.g. backend cold start). The dynamic
   stylesheet is linked AFTER this file and overrides it when present. */
:root {
  --color-light: #f5f2ea;
  --color-dark: #0a0a0a;
  --color-accent: #c8a97e;
  --hover-light: rgba(255, 255, 255, 0.05);
  --border-strong: rgba(255, 255, 255, 0.25);
  --chrome-bg: #0a0a0a;
  --chrome-bg-glass: rgba(10, 10, 10, 0.72);
  --chrome-fg: #f5f2ea;
  --chrome-fg-muted: rgba(245, 242, 234, 0.62);
  --chrome-border: rgba(245, 242, 234, 0.14);
  --chrome-hover: rgba(245, 242, 234, 0.06);
  --brand-primary: #c8a97e;
  --brand-secondary: #f5f2ea;
  --brand-accent: #d4af37;
  --bg-base: #0a0a0a;
  --bg-surface: #141414;
  --bg-surface-hover: #1f1f1f;
  --text-primary: #ffffff;
  --text-secondary: #a1a1ae;
  --border-subtle: rgba(255, 255, 255, 0.1);
  --font-display: "Cormorant Garamond", Georgia, serif;
  --font-body: "Outfit", system-ui, -apple-system, sans-serif;
  --radius-base: 0px;

  /* Canonical default hero (overridden by /api/design/theme.css from the Design Portal) */
  --hero-image: url("https://images.unsplash.com/photo-1544984243-ec57ea16fe25?crop=entropy&cs=srgb&fm=jpg&q=85");

  --background: 0 0% 4%;
  --foreground: 0 0% 100%;
  --card: 0 0% 8%;
  --card-foreground: 0 0% 100%;
  --popover: 0 0% 8%;
  --popover-foreground: 0 0% 100%;
  --primary: 39 41% 64%;
  --primary-foreground: 0 0% 5%;
  --secondary: 0 0% 12%;
  --secondary-foreground: 0 0% 98%;
  --muted: 0 0% 12%;
  --muted-foreground: 240 5% 65%;
  --accent: 0 0% 14%;
  --accent-foreground: 0 0% 98%;
  --destructive: 0 70% 50%;
  --destructive-foreground: 0 0% 98%;
  --border: 0 0% 18%;
  --input: 0 0% 18%;
  --ring: 39 41% 64%;
  --radius: 0px;
}