:root {
  color-scheme: light;
  --color-background: #f1f7f6;
  --color-surface: #ffffff;
  --color-surface-alt: #dbe9e7;
  --color-surface-soft: #edf5f4;
  --color-surface-soft-rgb: 237, 245, 244;
  --color-text: #13343c;
  --color-text-muted: #3d5960;
  --color-text-strong: #0c242a;
  --color-primary: #2f6f7c;
  --color-primary-bright: #4f8f9b;
  --color-primary-dark: #245864;
  --color-primary-rgb: 47, 111, 124;
  --color-primary-dark-rgb: 36, 88, 100;
  --color-shadow-rgb: 18, 42, 46;
  --color-accent: #85a96e;
  --color-accent-rgb: 133, 169, 110;
  --color-accent-dark: #6d8c59;
  --color-border: rgba(var(--color-primary-rgb), 0.22);
  --color-success: #b9dcc1;
  --color-success-rgb: 185, 220, 193;
  --color-danger: #d8846b;
  --color-danger-rgb: 216, 132, 107;
  --color-danger-dark: #bc7059;
  --color-white: #ffffff;
  --color-white-rgb: 255, 255, 255;
  --color-text-shadow-rgb: 18, 42, 46;
  --shadow: 0 24px 60px rgba(var(--color-shadow-rgb), 0.2);
}