:root {
  color-scheme: light;
  --surface: #f7f9fb;
  --surface-low: #ffffff;
  --surface-glass: rgb(255 255 255 / 66%);
  --surface-glass-strong: rgb(255 255 255 / 82%);
  --surface-muted: #eef3f7;
  --surface-ink: #111827;
  --on-surface: #101820;
  --on-surface-muted: #5d6a75;
  --on-surface-soft: #8a97a3;
  --primary: #0c6b62;
  --primary-strong: #084f49;
  --accent: #e46958;
  --accent-cool: #5d8bff;
  --on-primary: #ffffff;
  --outline: rgb(126 145 158 / 22%);
  --outline-strong: rgb(126 145 158 / 36%);
  --shadow-soft: 0 24px 70px rgb(24 37 51 / 12%);
  --shadow-lift: 0 34px 110px rgb(24 37 51 / 18%);
  --radius-sm: 10px;
  --radius-md: 16px;
  --radius-lg: 24px;
  --content-width: 1180px;
}