/* ==================
   BRAND TOKENS
   ================== */

:root {
  --cat-green:      #2D6A4F;
  --cat-green-mid:  #52B788;
  --cat-amber:      #E9C46A;
  --cat-white:      #FFFFFF;
  --cat-off-white:  #F8F9FA;
  --cat-text:       #212529;
  --cat-muted:      #6C757D;
  --cat-danger:     #E63946;
  --cat-card-bg:    #FFFFFF;
  --font-primary:   'Inter', sans-serif;
  --font-mono:      'JetBrains Mono', monospace;
  --font-size-base: 14px;
  --font-size-sm:   13px;
}

/* ==================
   RESET
   ================== */

*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

/* ==================
   BASE TYPOGRAPHY
   ================== */

body {
  font-family: var(--font-primary);
  font-size: var(--font-size-base);
  background: #f5f5f0;
  color: var(--cat-text);
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}

h1 { font-size: 20px; font-weight: 600; margin-bottom: 1.25rem; color: #1a1a1a; }
h2 { font-size: 15px; font-weight: 600; margin-bottom: 0.75rem; color: #1a1a1a; }
h3 { font-size: 13px; font-weight: 600; color: #444; }

/* ==================
   BADGES
   ================== */

.badge-active,
.badge-trial,
.badge-discontinued {
  font-size: 12px;
  padding: 3px 10px;
  border-radius: 999px;
  border-width: 0.75px;
  border-style: solid;
  border-color: var(--cat-text);
  display: inline-block;
}

.badge-active       { background: #E1F5EE; color: #0F6E56; }
.badge-trial        { background: #FAEEDA; color: #854F0B; }
.badge-discontinued { background: #FCEBEB; color: #A32D2D; }