/* GENERATED – DO NOT EDIT. Source: oratrek-brand-repo, brand_version 1.2.1. Regenerate with `npm run build` in the brand repo. */

:root {
  --color-primary: #3EB489;
  --color-primary-light: #6FCAA0;
  --color-primary-dark: #2E9D71;
  --color-background: #FAFAFA;
  --color-surface: #FFFFFF;
  --color-text-primary: #1A1A1A;
  --color-text-secondary: #666666;
  --color-divider: #E0E0E0;
  --color-on-primary: #FFFFFF;
  --color-success: #4CAF50;
  --color-warning: #FF9800;
  --color-error: #F44336;
  --color-info: #2196F3;
  --radius-xs: 4px;
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 16px;
  --spacing-xs: 4px;
  --spacing-sm: 8px;
  --spacing-md: 12px;
  --spacing-lg: 16px;
  --spacing-xl: 24px;
  --spacing-xxl: 32px;
  --spacing-xxxl: 36px;
  --shadow-standard: rgba(0, 0, 0, 0.14) 0px 4px 12px 0px;
  --font-family-sans: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
}

[data-theme="dark"] {
  --color-background: #1A1A1A;
  --color-surface: #2A2A2A;
  --color-text-primary: #FAFAFA;
  --color-text-secondary: #B0B0B0;
  --color-divider: #3A3A3A;
}