:root {
  --color-primary: #21476f;
  --color-primary-deep: #071827;
  --color-primary-hover: #183755;
  --color-accent: #0a9f68;
  --color-accent-hover: #087a55;
  --color-accent-soft: #dcefe7;
  --color-sun: #c99a32;
  --color-sun-soft: #f7ecd0;
  --color-cyan: #0b6b6f;
  --color-cyan-soft: #dceceb;
  --color-surface: #ffffff;
  --color-surface-warm: #f6f0e6;
  --color-background: #f3f6f5;
  --color-background-soft: #eef4f3;
  --color-text: #233142;
  --color-text-muted: #62748a;
  --color-border: #d9e3ea;
  --color-warning: #b75a3b;
  --color-warning-soft: #f8e4d9;
  --color-danger: #a43a2b;
  --color-danger-soft: #f4d8d2;
  --color-info: #2563eb;
  --color-info-soft: #dbeafe;
  --color-focus: #0891b2;
  --color-disabled: #cbd5e1;
  --color-whatsapp: #25d366;
  --font-main: "Montserrat", "Segoe UI", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  --font-display: "Montserrat", "Segoe UI", system-ui, sans-serif;
  --radius-xs: 4px;
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 14px;
  --radius-xl: 22px;
  --radius-full: 9999px;
  --shadow-sm: 0 8px 24px rgba(15, 23, 42, 0.08);
  --shadow-md: 0 18px 48px rgba(15, 23, 42, 0.12);
  --shadow-hero: 0 28px 80px rgba(7, 24, 39, 0.2);
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
}