:root {
  --mint: #28D17C;
  --brand: #0E8F5A;
  --brand-deep: #086A43;
  --brand-soft: rgba(14,143,90,.12);
  --ink: #102018;
  --on-brand: #FFFFFF;
  --cream: #F6FAF4;
  --surface: #FFFFFF;
  --surface-2: #EEF6F0;
  --bg-900: #F6FAF4;
  --bg-800: #EDF5EF;
  --bg-700: #FFFFFF;
  --text-hi: #102018;
  --text-mid: #596B61;
  --text-low: #7C8B83;
  --hairline: rgba(16,32,24,.12);
  --hairline-strong: rgba(16,32,24,.18);
  --panel: rgba(16,32,24,.03);
  --panel-2: rgba(16,32,24,.06);
  --up: #0E8F5A;
  --warn: #A66500;
  --down: #B4232E;
  --info: #176F8C;
  --up-bg: rgba(14,143,90,.12);
  --warn-bg: rgba(166,101,0,.12);
  --down-bg: rgba(180,35,46,.12);
  --info-bg: rgba(23,111,140,.12);
  --scrim: rgba(16,32,24,.38);
  --shadow-card: 0 22px 60px -34px rgba(16,32,24,.35);
  --shadow-action: 0 16px 36px -22px rgba(14,143,90,.8);
  --r-sm: 8px;
  --r-md: 12px;
  --r-lg: 18px;
  --r-pill: 999px;
}

[data-theme="dark"] {
  --brand: #38E08D;
  --brand-deep: #17B873;
  --brand-soft: rgba(56,224,141,.14);
  --on-brand: #06130D;
  --surface: #101914;
  --surface-2: #14221A;
  --bg-900: #07100B;
  --bg-800: #0A160F;
  --bg-700: #101914;
  --text-hi: #EAF6EE;
  --text-mid: #A6B8AD;
  --text-low: #73857B;
  --hairline: rgba(234,246,238,.1);
  --hairline-strong: rgba(234,246,238,.18);
  --panel: rgba(234,246,238,.04);
  --panel-2: rgba(234,246,238,.08);
  --up: #38E08D;
  --warn: #FFB454;
  --down: #FF6B6B;
  --info: #4BC3E6;
  --up-bg: rgba(56,224,141,.14);
  --warn-bg: rgba(255,180,84,.14);
  --down-bg: rgba(255,107,107,.14);
  --info-bg: rgba(75,195,230,.14);
  --scrim: rgba(0,0,0,.58);
  --shadow-card: 0 24px 70px -34px rgba(0,0,0,.85);
  --shadow-action: 0 16px 36px -22px rgba(56,224,141,.65);
}