:root {
  --giro-brand-green: #173e35;
  --giro-brand-orange: #d8663a;
  --giro-bg: #f5f3eb;
  --giro-surface: #ffffff;
  --giro-surface-subtle: #edf2ed;
  --giro-text: #252a27;
  --giro-text-muted: #59655e;
  --giro-border: #d6ded7;
  --giro-control-border: #79877e;
  --giro-action: #173e35;
  --giro-action-hover: #225747;
  --giro-action-active: #102e27;
  --giro-on-action: #ffffff;
  --giro-accent-text: #a44324;
  --giro-accent-bg: #fff0e8;
  --giro-success: #24633b;
  --giro-success-bg: #eaf5ed;
  --giro-warning: #80580b;
  --giro-warning-bg: #fff5da;
  --giro-danger: #a62e32;
  --giro-danger-bg: #fff0f0;
  --giro-info: #285c87;
  --giro-info-bg: #edf4fa;
  --giro-focus: #285c87;
  --giro-disabled-bg: #e5e9e5;
  --giro-disabled-text: #66736a;
  --giro-font: 'Manrope', Arial, sans-serif;
  --giro-text-xs: .75rem;
  --giro-text-sm: .875rem;
  --giro-text-md: 1rem;
  --giro-text-lg: 1.25rem;
  --giro-text-xl: 1.5rem;
  --giro-text-2xl: 2rem;
  --giro-text-3xl: 2.75rem;
  --giro-leading: 1.5;
  --giro-space-1: 4px;
  --giro-space-2: 8px;
  --giro-space-3: 12px;
  --giro-space-4: 16px;
  --giro-space-5: 24px;
  --giro-space-6: 32px;
  --giro-space-7: 48px;
  --giro-space-8: 64px;
  --giro-radius-sm: 4px;
  --giro-radius-md: 8px;
  --giro-radius-lg: 12px;
  --giro-control-height: 44px;
  --giro-shadow-dialog: 0 24px 80px #102e2733;
  --giro-duration: 140ms;
  --giro-ease: cubic-bezier(.2,0,0,1);
  --giro-z-nav: 10;
  --giro-content-max: 1280px;
}