:root {
  /* BRAND ADAPTATION GUIDE
     Target tenant: https://aloga-auction.com/
     Based on the visible Aloga identity: black/white base, turquoise polygon horse,
     clean geometric sans-serif typography.
  */

  /* TYPOGRAPHY
     The Aloga wordmark and site style use a clean geometric sans-serif feel.
  */
  --font-body: 'Montserrat', 'Avenir Next', system-ui, sans-serif;
  --font-display: 'Montserrat', 'Avenir Next', system-ui, sans-serif;

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

  /* BASE COLORS */
  --background: #ffffff;
  --foreground: #0A0A0A;

  /* SURFACES */
  --card: #ffffff;
  --card-foreground: #0A0A0A;

  /* POPOVER SURFACES */
  --popover: #ffffff;
  --popover-foreground: #0A0A0A;

  /* BRAND COLORS
     Strongest brand base: black, used in the logo, event backdrop and premium auction identity.
  */
  --primary: #000000;
  --primary-foreground: #ffffff;

  /* SECONDARY SURFACES */
  --secondary: #f2f7f6;
  --secondary-foreground: #0A0A0A;

  /* MUTED UI */
  --muted: #f4f4f4;
  --muted-foreground: #666666;

  /* ACCENT COLORS
     Main Aloga highlight: turquoise / emerald from the polygon horse and auction branding.
  */
  --accent: #16BFA5;
  --accent-foreground: #000000;
  --accent-soft: #78DED0;
  --accent-strong: #008C78;

  /* ALTERNATIVE ACCENT
     Dark teal for deeper brand surfaces and subtle premium details.
  */
  --accent-alt: #004F46;
  --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: #0A0A0A;

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

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

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