:root {
  /* 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: #fafafa;
  --foreground: #111111;

  /* SURFACES */
  --card: #ffffff;
  --card-foreground: #111111;

  /* POPOVER SURFACES */
  --popover: #ffffff;
  --popover-foreground: #111111;

  /* BRAND COLORS
     Strongest brand color = black
  */
  --primary: #000000;
  --primary-foreground: #ffffff;

  /* SECONDARY SURFACES */
  --secondary: #f3f3f3;
  --secondary-foreground: #111111;

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

  /* ACCENT COLORS
     Luxury champagne/taupe accent
  */
  --accent: #A58F6C;
  --accent-foreground: #ffffff;
  --accent-soft: #C3B297;
  --accent-strong: #8C7758;

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

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

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

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