:root {
  --font-body: 'Outfit', system-ui, sans-serif;
  --font-display: 'Outfit', system-ui, sans-serif;
  --shadow-card: 0 8px 24px rgba(12, 20, 56, 0.14);

  /* Belgian Mare Auction corrected:
     dark navy / black foundation with royal blue interactions */
  --background: #f6f8fc;
  --foreground: #16181d;

  --card: #ffffff;
  --card-foreground: #16181d;

  --popover: #ffffff;
  --popover-foreground: #16181d;

  /* Main brand colour */
  --primary: #0D1B4C;
  --primary-foreground: #ffffff;

  /* Soft blue surfaces */
  --secondary: #edf2fb;
  --secondary-foreground: #0D1B4C;

  --muted: #f3f5f9;
  --muted-foreground: #687086;

  /* Main CTA / bidding colour */
  --accent: #2E5BFF;
  --accent-foreground: #ffffff;

  --accent-soft: #dfe7ff;
  --accent-strong: #1D46D8;

  /* Dark support tone */
  --accent-alt: #111111;
  --accent-alt-foreground: #ffffff;

  /* Live urgency */
  --destructive: #D92D20;
  --destructive-foreground: #ffffff;

  --success: #1F8B4D;
  --success-foreground: #ffffff;

  --info: #2E5BFF;
  --info-foreground: #ffffff;

  --warning: #EAAA08;
  --warning-foreground: #16181d;

  --border: #d8dfef;
  --input: #d8dfef;

  /* Focus / active */
  --ring: #2E5BFF;

  /* Auction states */
  --status-live: var(--destructive);
  --status-active: var(--accent);
  --status-upcoming: var(--primary);

  /* Layout helpers */
  --header: #0D1B4C;
  --header-foreground: #ffffff;

  --nav: #111111;
  --nav-foreground: #ffffff;

  --footer: #0D1B4C;
  --footer-foreground: #ffffff;

  --radius: 0.45rem;
}