:root {
  /* BRAND ADAPTATION GUIDE
     Adapted for GenHotel.nl.
     Brand impression: dark teal/navy base, white typography, magenta/purple logo accent,
     with a subtle cyan/teal supporting tone from the logo and imagery.
  */

  /* TYPOGRAPHY */
  --font-body: 'Outfit', system-ui, sans-serif;
  --font-display: 'Outfit', system-ui, sans-serif;

  /* ELEVATION */
  --shadow-card: 0 6px 18px oklch(22.6% 0.027 216.9 / 0.12);

  /* BASE COLORS */
  --background: oklch(98.1% 0.002 197.1);
  --foreground: oklch(22.6% 0.027 216.9);

  /* SURFACES */
  --card: oklch(100% 0 0);
  --card-foreground: oklch(22.6% 0.027 216.9);

  /* POPOVER SURFACES */
  --popover: oklch(100% 0 0);
  --popover-foreground: oklch(22.6% 0.027 216.9);

  /* BRAND COLORS */
  --primary: oklch(28.2% 0.045 211.7);
  --primary-foreground: oklch(100% 0 0);

  /* SECONDARY SURFACES */
  --secondary: oklch(94.6% 0.009 205.9);
  --secondary-foreground: oklch(28.2% 0.045 211.7);

  /* MUTED UI */
  --muted: oklch(96.3% 0.007 208.8);
  --muted-foreground: oklch(53.9% 0.024 218.9);

  /* ACCENT COLORS */
  --accent: oklch(53.0% 0.213 341.1);
  --accent-foreground: oklch(100% 0 0);
  --accent-soft: oklch(63.0% 0.204 339.0);
  --accent-strong: oklch(40.9% 0.163 340.5);

  /* ALTERNATIVE ACCENT */
  --accent-alt: oklch(66.6% 0.110 208.9);
  --accent-alt-foreground: oklch(22.6% 0.027 216.9);

  /* FUNCTIONAL FEEDBACK COLORS */
  --destructive: oklch(55% 0.2 25);
  --destructive-foreground: oklch(100% 0 0);
  --success: oklch(64% 0.16 152);
  --success-foreground: oklch(100% 0 0);
  --info: var(--accent-alt);
  --info-foreground: oklch(22.6% 0.027 216.9);
  --warning: oklch(74% 0.16 80);
  --warning-foreground: oklch(20% 0 0);

  /* FORM AND FOCUS COLORS */
  --border: oklch(88.5% 0.012 209);
  --input: oklch(88.5% 0.012 209);
  --ring: var(--accent);

  /* AUCTION STATUS COLORS */
  --status-live: var(--destructive);
  --status-active: var(--success);
  --status-upcoming: var(--info);

  /* SHAPE */
  --radius: 0.5rem;
}