:root {
  --actuala-ink: #0B1220;
  --actuala-blue: #2458F6;
  --actuala-blue-dark: #173EB5;
  --actuala-lime: #B7F34B;
  --actuala-paper: #F6F7F2;
  --actuala-white: #FFFFFF;
  --actuala-slate-900: #172033;
  --actuala-slate-700: #4A5568;
  --actuala-slate-500: #778397;
  --actuala-slate-300: #C9D1DC;
  --actuala-slate-150: #E8ECF1;
  --actuala-positive: #14804A;
  --actuala-negative: #D34242;
  --actuala-warning: #B87900;
  --actuala-chart-1: #2458F6;
  --actuala-chart-2: #00A7A0;
  --actuala-chart-3: #B7F34B;
  --actuala-chart-4: #F05B61;
  --actuala-chart-5: #72839A;
  --actuala-font-display: 'Inter Display', 'Inter', Arial, sans-serif;
  --actuala-font-body: 'Inter', Arial, sans-serif;
  --actuala-radius-control: 12px;
  --actuala-radius-card: 16px;
  --actuala-focus-ring: 0 0 0 3px rgba(36, 88, 246, .18);
  --actuala-blue-soft: #EEF2FF;
  --actuala-positive-soft: #EDF8F2;
  --actuala-negative-soft: #FFF0F0;
  --actuala-warning-soft: #FFF6E5;
  --actuala-radius-small: 8px;
  --actuala-radius-large: 24px;
  --actuala-radius-pill: 999px;
  --actuala-shadow-card: 0 1px 2px rgba(11, 18, 32, .04);
  --actuala-shadow-popover: 0 12px 32px rgba(11, 18, 32, .12);
}

.actuala-number { font-variant-numeric: tabular-nums; }
.actuala-card { background: var(--actuala-white); border: 1px solid var(--actuala-slate-150); border-radius: var(--actuala-radius-card); }
.actuala-button-primary { background: var(--actuala-blue); color: white; border-radius: var(--actuala-radius-control); }