:root {
  /* Vink Horses Auctions
     Target tenant: https://www.vinkhorses.nl/auctions
     Brand adaptation:
     - Primary: black / near-black from the logo, navigation and hero photography
     - Accent: warm chestnut brown taken from the horse imagery and equestrian identity
     - Secondary: soft warm beige/grey for a classic stable/equestrian surface feel
  */

  /* TYPOGRAPHY
     Vink Horses uses a simple, clean website-builder style.
     Keep the UI readable and close to the site's modern sans-serif direction.
  */
  --font-body: 'Open Sans', Arial, sans-serif;
  --font-display: 'Open Sans', Arial, sans-serif;

  /* ELEVATION */
  --shadow-card: 0 6px 18px rgba(0, 0, 0, 0.10);

  /* BASE COLORS */
  --background: #FAF8F4;
  --foreground: #171717;

  /* SURFACES */
  --card: #FFFFFF;
  --card-foreground: #171717;

  /* POPOVER */
  --popover: #FFFFFF;
  --popover-foreground: #171717;

  /* PRIMARY BRAND */
  --primary: #050505;
  --primary-foreground: #FFFFFF;

  /* SECONDARY */
  --secondary: #EFEAE2;
  --secondary-foreground: #171717;

  /* MUTED */
  --muted: #F3F0EA;
  --muted-foreground: #6A625A;

  /* ACCENT
     Warm chestnut/equestrian brown used as CTA and highlight color.
  */
  --accent: #8A4F2A;
  --accent-foreground: #FFFFFF;
  --accent-soft: #B9825C;
  --accent-strong: #5F3319;

  /* ALTERNATIVE ACCENT */
  --accent-alt: #2E241E;
  --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: #171717;

  /* FORM AND FOCUS */
  --border: #DED8CF;
  --input: #D1C8BC;
  --ring: var(--accent);

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

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