:root {
  /* BRAND ADAPTATION GUIDE
     1. Analyse the target tenant website, logo and existing brand palette first.
     2. Map the strongest brand color to --primary.
     3. Map the main call-to-action / highlight color to --accent.
     4. Keep backgrounds light unless the tenant website is clearly dark.
     5. Use --accent-soft and --accent-strong as lighter/darker versions of --accent.
     6. Keep status colors functional unless the tenant brand clearly overrides them.
     7. Always check contrast for foreground variables against their matching background variables.
  */

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

  /* ELEVATION */
  --shadow-card: 0 6px 18px oklch(0% 0 0 / 0.10);

  /* BASE COLORS */
  --background: #fbfaf7;
  --foreground: #1f1b17;

  /* SURFACES */
  --card: #ffffff;
  --card-foreground: #1f1b17;

  /* POPOVER SURFACES */
  --popover: #ffffff;
  --popover-foreground: #1f1b17;

  /* BRAND COLORS
     Baroque Elite Horse Auctions has a refined, traditional equestrian feel.
     The strongest brand base is a deep warm charcoal/brown, giving the auction UI a premium baroque look.
  */
  --primary: #1F1B17;
  --primary-foreground: #ffffff;

  /* SECONDARY SURFACES */
  --secondary: #f2eee7;
  --secondary-foreground: #2b241d;

  /* MUTED UI */
  --muted: #f4f0ea;
  --muted-foreground: #6f665d;

  /* ACCENT COLORS
     Warm antique gold is used as the main CTA/highlight tone.
  */
  --accent: #B18A4A;
  --accent-foreground: #ffffff;
  --accent-soft: #D3B982;
  --accent-strong: #84642F;

  /* ALTERNATIVE ACCENT */
  --accent-alt: #5A3E2B;
  --accent-alt-foreground: #ffffff;

  /* FUNCTIONAL FEEDBACK COLORS */
  --destructive: #d92d20;
  --destructive-foreground: #ffffff;

  --success: #16a34a;
  --success-foreground: #ffffff;

  --info: #2563eb;
  --info-foreground: #ffffff;

  --warning: #f59e0b;
  --warning-foreground: #1f1b17;

  /* FORM AND FOCUS COLORS */
  --border: #e3dacd;
  --input: #d8cdbc;
  --ring: var(--accent);

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

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