:root {
  color-scheme: light;

  /* Brand palette: Casa Sunshine */
  --color-primary: #0f766e;
  --color-primary-strong: #0b5f59;
  --color-secondary: #0891b2;
  --color-accent: #f59e0b;
  --color-accent-soft: #fde7b2;

  /* Surfaces */
  --color-bg: #fffdf8;
  --color-bg-muted: #f7f4ea;
  --color-surface: #ffffff;
  --color-surface-soft: #f3f7f6;
  --color-border: #d7e3df;

  /* Text */
  --color-text: #1f2937;
  --color-text-muted: #5b6b72;
  --color-text-soft: #84949b;
  --color-text-on-dark: #f9fafb;

  /* Status */
  --color-success: #0f766e;
  --color-warning: #b45309;
  --color-danger: #b91c1c;
  --color-info: #0f4c81;

  /* Effects */
  --shadow-sm: 0 10px 24px rgba(16, 60, 55, 0.08);
  --shadow-md: 0 20px 50px rgba(16, 60, 55, 0.14);
  --shadow-lg: 0 34px 80px rgba(16, 60, 55, 0.18);

  --radius-sm: 10px;
  --radius-md: 14px;
  --radius-lg: 18px;
  --radius-round: 999px;

  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;

  --ui-fast: 160ms;
  --ui-med: 260ms;
  --ui-ease: cubic-bezier(0.2, 0.8, 0.2, 1);
  --ui-ring: 0 0 0 3px rgba(15, 118, 110, 0.22);
}