/* @theme-label: Mint */
/* @theme-swatch: #00e89d */
/* =====================================================================
   THEME: Mint
   Same mint/green brand color as the original theme, with a larger
   type scale and higher-contrast muted text for readability. This is
   the default theme for new visitors.
   ===================================================================== */
:root {
  /* Core Base Colors */
  --bg: #060a08;               /* Page background base color */
  --bg-el: #0d1410;            /* Inner element & container background */
  --bg-card: #111a15;          /* Card & tooltip background */
  --bg-card-h: #162019;        /* Card hover background */
  --bg-gradient-top: #0a0f0c;  /* Top bound for page background gradient */
  --bg-gradient-bottom: #050807; /* Bottom bound for page background gradient */
  --bg-surface-dark: #0a0f0c;  /* Dark surface background for code blocks & text boxes */
  --border: #1c2e24;           /* Default border color */
  --border-act: #00e89d;       /* Active border color */

  /* Text & Typography Colors */
  --text: #eef4f0;             /* Primary text color (used in descriptions & primary text) */
  --muted: #9fbcae;            /* Muted text color (used in rank badges, secondary pills, theme selector text) */
  --muted-strong: #c3dccf;     /* High-contrast muted text */

  /* Accent & Pill Text Colors */
  --accent: #00e89d;           /* Primary accent (used for Top Match pills, high-confidence pill text, code badge text & links) */
  --accent-rgb: 0, 232, 157;   /* RGB components of accent color */
  --accent-light: #2bfda0;     /* Lighter accent for hover states & gradients */
  --accent-dim: rgba(var(--accent-rgb), 0.12); /* Pill background tint */
  --accent-glow: rgba(var(--accent-rgb), 0.25); /* Accent glow effect */

  /* Solid Pill, Badge & Icon Box Colors */
  --pill-bg: #0e241b;             /* Pill solid background */
  --pill-border: #00e89d;         /* Pill solid mint border */
  --pill-text: #00e89d;           /* Pill solid mint text */

  --icon-bg: #0e241b;             /* Card icon solid background */
  --icon-border: #00e89d;         /* Card icon solid border */

  /* Status & Confidence Pill Colors */
  --error: #ef4444;            /* Low confidence (<60%) pill text & error state text */
  --error-rgb: 239, 68, 68;
  --error-light: #ff6b6b;
  --warn: #f59e0b;             /* Medium confidence (60-79%) pill text & warning text */
  --warn-rgb: 245, 158, 11;

  /* Evidence Highlight Colors */
  --hl-rgb: 250, 204, 21;      /* Bright yellow for evidence highlights */
  --hl-bg: rgba(var(--hl-rgb), 0.2);
  --hl-border: rgba(var(--hl-rgb), 0.55);

  /* Typography */
  --font-display: 'Space Grotesk', sans-serif;
  --font-mono: 'Courier New', monospace;

  --fs-root: 18px;

  --fs-2xs: 0.72rem;
  --fs-xs: 0.8rem;
  --fs-sm: 0.86rem;
  --fs-sm-alt: 0.9rem;
  --fs-md: 0.94rem;
  --fs-base: 0.98rem;
  --fs-lg: 1.05rem;
  --fs-xl: 1.25rem;
  --fs-2xl: 2rem;
  --fs-3xl: 2.1rem;

  /* Border radius */
  --radius-2xs: 2px;
  --radius-xs: 3px;
  --radius-sm: 6px;
  --radius-md: 8px;
  --radius-lg: 10px;
  --radius-xl: 12px;
  --radius-2xl: 14px;
  --radius-3xl: 16px;
  --radius-pill: 999px;
  --radius-circle: 50%;

  /* Misc */
  --icon-dot-size: 6px;
  --shadow-card: 0 12px 40px rgba(var(--accent-rgb), 0.1);
  --shadow-tooltip: 0 8px 30px rgba(0, 0, 0, 0.6), 0 0 15px rgba(var(--accent-rgb), 0.05);
  --transition-fast: 0.15s;
  --transition-base: 0.2s;
  --transition-slow: 0.3s;
}