:root {
  /* TENANT: Trigon Auctions — https://www.trigonauctions.com/
     Modern premium jumping/foal auction platform (KWPN & Zangersheide bloodlines;
     VDL/Lageweg lines), bidding at bid.trigonauctions.com, powered by ClipMyHorse.TV.
     Positioning: "invest in total confidence and transparency"; clean, contemporary,
     geometric "trigon" identity on a dark base with lots of white space.
     Brand cues used: a dark sophisticated base + crisp light surfaces. The midnight-navy
     primary is a VISUAL ESTIMATE (the site exposes no readable stylesheet) — send the
     exact brand hex to lock it, exactly like we did for the EDS tenant.
  */

  /* 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
     Body is used for regular UI text.
     Display is used for headings, auction titles, hero titles and prominent prices.
     (Kept as Outfit — swap to the tenant's actual webfont if you have it.)
  */
  --font-body: 'Outfit', system-ui, sans-serif;
  --font-display: 'Outfit', system-ui, sans-serif;

  /* ELEVATION
     Card shadow is used for auction cards, lot cards, panels and elevated content blocks.
  */
  --shadow-card: 0 4px 12px oklch(0% 0 0 / 0.08);

  /* BASE COLORS
     Background is the base surface behind content.
     Foreground is the default content-layer color (text, icons and similar elements) on top of background surfaces.
     -> Crisp, near-neutral cool white to match the modern platform feel.
  */
  --background: oklch(99% 0.003 250);
  --foreground: oklch(27% 0.02 262);

  /* SURFACES
     Card is used for lots, auction cards, bidding panels and content sections.
  */
  --card: oklch(100% 0 0);
  --card-foreground: oklch(27% 0.02 262);

  /* POPOVER SURFACES
     Popover is used for dropdowns, menus, overlays and modal-like floating surfaces.
  */
  --popover: oklch(100% 0 0);
  --popover-foreground: oklch(27% 0.02 262);

  /* BRAND COLORS
     Primary is used for hero overlay tint, default badges, outline buttons and selected pagination states.
     It should represent the strongest/base brand tone, but most call-to-action buttons use --accent.
     -> Deep midnight navy (VISUAL ESTIMATE of the dark brand base). White on primary ~9:1.
        If the real brand base is black/charcoal or another hue, just replace this one line.
  */
  --primary: oklch(33% 0.06 260);
  --primary-foreground: oklch(100% 0 0);

  /* SECONDARY / MUTED
     Secondary is used for quiet fills, chips and secondary buttons.
     Muted is used for subtle backgrounds; muted-foreground for secondary/help text.
     -> Cool, near-neutral greys so the UI stays clean and modern.
  */
  --secondary: oklch(96.5% 0.004 250);
  --secondary-foreground: oklch(33% 0.06 260);
  --muted: oklch(94% 0.004 250);
  --muted-foreground: oklch(50% 0.012 258);

  /* ACCENT (PRIMARY CALL-TO-ACTION)
     Accent is the main CTA fill (Register, Go to Auction, place-bid buttons).
     -> Refined gold — a premium, trustworthy highlight that pops against deep navy.
        Deepened so white button text clears WCAG AA (~4.6:1). ESTIMATE — send the brand's
        CTA/highlight hex to lock it (see bottom note).
     Accent-soft = lighter gold for hovers / gentle fills; accent-strong = darker pressed state.
  */
  --accent: oklch(54% 0.10 82);
  --accent-foreground: oklch(100% 0 0);
  --accent-soft: oklch(70% 0.10 84);
  --accent-strong: oklch(46% 0.095 78);

  /* ACCENT-ALT (SECONDARY / HERALDIC EMPHASIS)
     -> Deep burgundy/wine as a warm counterpoint to navy + gold. Editorial pick —
        if the brand defines its own secondary tone, replace this.
  */
  --accent-alt: oklch(40% 0.12 25);
  --accent-alt-foreground: oklch(100% 0 0);

  /* FUNCTIONAL FEEDBACK COLORS
     Destructive is used for danger, errors, removal actions and urgent/live warning surfaces.
     Success is used for positive states such as active/accepted/highest bidder feedback.
     Info is used for informative states such as upcoming auctions.
     Warning is used for cautionary states that need attention but are not errors.
     NOTE: --info is shifted from the default blue (hue 255) toward teal (hue 220) so the
     "upcoming" status doesn't blend into the navy brand chrome. Other statuses left functional.
  */
  --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: oklch(62% 0.13 220);
  --info-foreground: oklch(100% 0 0);
  --warning: oklch(74% 0.16 80);
  --warning-foreground: oklch(20% 0 0);

  /* FORM AND FOCUS COLORS
     Border is used for cards, section dividers and outlined controls.
     Input is used for form fields and input borders.
     Ring is used for keyboard focus rings and should usually match --accent.
  */
  --border: oklch(90% 0.005 250);
  --input: oklch(90% 0.005 250);
  --ring: var(--accent);

  /* AUCTION STATUS COLORS
     Live should feel urgent and attention-grabbing.
     Active should feel positive/safe.
     Upcoming should feel informative.
     These usually remain functional colors, even when brand colors change.
  */
  --status-live: var(--destructive);
  --status-active: var(--success);
  --status-upcoming: var(--info);

  /* SHAPE
     Radius controls the default roundness of cards, buttons, inputs and badges.
  */
  --radius: 0.5rem;

  /* ----------------------------------------------------------------------
     LOCKING IN EXACT BRAND VALUES
     The site is a modern custom build (imgix/ClipMyHorse.TV) with no readable
     stylesheet, so --primary (midnight navy) and --accent (gold) are read from the
     brand's visual identity, not measured hex values. To lock them in:
       - set --primary to the exact dark brand hex (re-check white-on-primary >= 4.5:1)
       - set --accent to the exact CTA/highlight hex (darken slightly for AA if needed)
     If the brand base turns out NOT to be blue, you can revert --info back to the
     default oklch(62% 0.17 255).
     ---------------------------------------------------------------------- */
}