:root {
  /* OKB — warm urban boutique */
  --okb-brown: #6E5437;
  --okb-brown-dark: #5A4630;
  --okb-camel: #D2B48C;
  --okb-beige: #F2EBD7;
  --okb-black: #1C1C1E;
  --okb-gray: #8E857A;
  --okb-soft-pink: #E9B5C4;
  --okb-white: #FFFFFF;
  --okb-cream: #FAF7F1;

  --color-bg: var(--okb-cream);
  --color-base: var(--okb-beige);
  --color-surface: #FFFDF9;
  --color-surface-soft: var(--okb-beige);
  --color-surface-strong: var(--okb-white);
  --color-footer: var(--okb-black);
  --color-text: var(--okb-black);
  --color-muted: var(--okb-gray);
  --color-border: #DED2C2;
  --color-border-strong: rgba(110, 84, 55, .34);
  --color-primary: var(--okb-brown);
  --color-primary-dark: var(--okb-brown-dark);
  --color-accent: var(--okb-brown);
  --color-accent-hover: var(--okb-brown-dark);
  --color-accent-soft: var(--okb-beige);
  --color-dark: var(--okb-black);
  --color-success: var(--okb-brown);
  --color-warning: #B88746;
  --color-offer: var(--okb-soft-pink);
  --color-danger: #A0443E;
  --navbar-bg: rgba(250, 247, 241, .96);
  --navbar-text: var(--okb-black);
  --navbar-title: var(--okb-brown);
  --footer-bg: var(--okb-black);
  --footer-text: var(--okb-cream);

  /* Compatibility aliases for the existing templates. */
  --be-bg: var(--color-bg);
  --be-surface: var(--color-surface);
  --be-surface-soft: var(--color-surface-soft);
  --be-text: var(--color-text);
  --be-muted: var(--color-muted);
  --be-border: var(--color-border);
  --be-primary: var(--color-primary);
  --be-accent: var(--color-accent);
  --be-dark: var(--color-dark);
  --be-success: var(--color-success);
  --be-offer: var(--color-offer);
  --ar-bg: var(--color-bg);
  --ar-bg-soft: var(--color-surface-soft);
  --ar-card: var(--color-surface);
  --ar-wine: var(--color-primary);
  --ar-wine-dark: var(--color-primary-dark);
  --ar-gold: var(--color-primary);
  --ar-gold-soft: var(--color-primary-dark);
  --ar-cream: var(--color-text);
  --ar-muted: var(--color-muted);
  --ar-border: rgba(110, 84, 55, .18);
  --simplex-bg: var(--color-bg);
  --simplex-bg-soft: var(--color-surface-soft);
  --simplex-bg-blue: var(--color-surface-soft);
  --simplex-card: var(--color-surface);
  --simplex-border: var(--color-border);
  --simplex-title: var(--color-text);
  --simplex-text: var(--color-muted);
  --simplex-blue: var(--color-primary);
  --simplex-cyan: var(--color-camel);
  --simplex-sky: var(--color-surface-soft);

  --font-heading: 'Playfair Display', 'Cormorant Garamond', Georgia, serif;
  --font-main: 'Montserrat', 'Inter', ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --radius-sm: .5rem;
  --radius: .75rem;
  --radius-lg: 1rem;
  --radius-xl: 1.35rem;
  --radius-pill: 999px;
  --shadow: 0 14px 38px rgba(62, 45, 29, .08);
  --shadow-lg: 0 24px 64px rgba(62, 45, 29, .13);
  --shadow-glow: 0 0 0 1px rgba(110, 84, 55, .12), 0 18px 45px rgba(110, 84, 55, .12);
  --spacing-xs: .25rem;
  --spacing-sm: .5rem;
  --spacing-md: 1rem;
  --spacing-lg: 1.5rem;
  --spacing-xl: 2.5rem;
  --text-xs: .75rem;
  --text-sm: .875rem;
  --text-base: 1rem;
  --text-lg: 1.125rem;
  --text-xl: 1.5rem;
  --text-2xl: 2rem;
  --text-3xl: 3rem;
  --transition-fast: .15s ease;
  --transition-base: .24s ease;
  --transition-slow: .5s ease;
}