:root {
  --grovika-ink: #000C2E;
  --grovika-cyan: #06C5EC;
  --grovika-cyan-text: #007C91;
  --grovika-coral: #FF7359;
  --grovika-snow: #F4F8FA;
  --grovika-white: #FFFFFF;
  --grovika-slate: #40566B;
  --grovika-muted: #64748B;
  --grovika-border: #CFDCE4;
  --grovika-grid: #E9F0F4;
  --grovika-success: #167A5A;
  --grovika-warning: #A66100;
  --grovika-error: #B42318;
  --grovika-info: #2166C1;
  --grovika-edited: #7357B5;
  --grovika-font-display: "Manrope", system-ui, sans-serif;
  --grovika-font-body: "Manrope", system-ui, sans-serif;
  --grovika-font-mono: "IBM Plex Mono", ui-monospace, monospace;
  --grovika-bg: #F4F8FA;
  --grovika-surface: #FFFFFF;
  --grovika-text: #000C2E;
  --grovika-text-secondary: #40566B;
  --grovika-border-current: #CFDCE4;
  --grovika-radius-control: 8px;
  --grovika-radius-card: 12px;
  --grovika-radius-panel: 16px;
  --grovika-shadow-card: 0 8px 30px rgba(0, 12, 46, .08);
  --grovika-shadow-overlay: 0 20px 60px rgba(0, 12, 46, .20);
  --grovika-space-1: 4px;
  --grovika-space-2: 8px;
  --grovika-space-3: 12px;
  --grovika-space-4: 16px;
  --grovika-space-5: 24px;
  --grovika-space-6: 32px;
  --grovika-space-7: 48px;
  --grovika-space-8: 64px;
  --grovika-motion-fast: 120ms;
  --grovika-motion-normal: 180ms;
  --grovika-easing: cubic-bezier(.2, .8, .2, 1);
}