:root {
  --color-primary: #016038;
  --color-primary-hover: #014d2c;
  --color-secondary-1: #F28E73;
  --color-secondary-2: #6FBE95;

  --color-text-primary: #1A1A1A;
  --color-text-secondary: #4D4D4D;
  --color-text-muted: #757575;
  --color-text-on-primary: #FFFFFF;
  --color-background: #FFFFFF;
  --color-surface: #F5F7F6;
  --color-border: #E2E8E4;
  --color-danger: #B42318;
  --color-danger-bg: #FEF3F2;

  --font-family-ui: Arial, Helvetica, sans-serif;
  --font-family-ficha: 'EB Garamond', serif;

  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --radius: 8px;
  --shadow: 0 1px 3px rgba(26, 26, 26, 0.08);
  --header-height: 56px;
  --touch: 44px;
  --panel-width: 300px;

  --breakpoint-sm: 480px;
  --breakpoint-md: 768px;
  --breakpoint-lg: 1024px;
}