:root {
  /* ESI Auction
     Updated with actual ESI CTA/button green
  */

  /* TYPOGRAPHY */
  --font-body: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  --font-display: 'Helvetica Neue', Helvetica, Arial, sans-serif;

  /* ELEVATION */
  --shadow-card: 0 6px 18px rgba(12, 35, 66, 0.14);

  /* BASE COLORS */
  --background: #F8FAFC;
  --foreground: #142033;

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

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

  /* PRIMARY BRAND */
  --primary: #0C2342;
  --primary-foreground: #FFFFFF;

  /* SECONDARY */
  --secondary: #1D3557;
  --secondary-foreground: #FFFFFF;

  /* MUTED */
  --muted: #EFF3F7;
  --muted-foreground: #6B7788;

  /* ACCENT
     Actual ESI button/CTA green
  */
  --accent: #9BC047;
  --accent-foreground: #142033;

  --accent-soft: #BDD97C;
  --accent-strong: #73942D;

  /* ALT ACCENT */
  --accent-alt: #243B5A;
  --accent-alt-foreground: #FFFFFF;

  /* FEEDBACK */
  --destructive: #D92D20;
  --destructive-foreground: #FFFFFF;

  --success: #16A34A;
  --success-foreground: #FFFFFF;

  --info: #2563EB;
  --info-foreground: #FFFFFF;

  --warning: #F59E0B;
  --warning-foreground: #142033;

  /* FORM + FOCUS */
  --border: #D7DEE8;
  --input: #C7D1DE;
  --ring: var(--accent);

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

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