:root {
  color-scheme: light;

  --font-family-sans: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;

  --color-background: #f3f7f6;
  --color-surface: #ffffff;
  --color-surface-muted: #edf4f2;
  --color-text: #10293b;
  --color-text-muted: #536a78;
  --color-border: #d7e4e1;
  --color-border-strong: #b9cfca;
  --color-primary: #087f78;
  --color-primary-strong: #066b65;
  --color-primary-soft: #e2f4ef;
  --color-kindergarten: #6e5ab7;
  --color-kindergarten-soft: #efebfb;
  --color-success: #27745a;
  --color-success-soft: #e5f3ec;
  --color-warning: #9b6514;
  --color-warning-soft: #fff3d9;
  --color-focus: #174fc4;
  --color-white: #ffffff;
  --color-white-soft: rgb(255 255 255 / 14%);

  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: clamp(1rem, 1.4vw, 1.5rem);
  --space-6: clamp(1.4rem, 2vw, 2.25rem);
  --space-7: clamp(2rem, 3vw, 3.75rem);

  --radius-small: 0.75rem;
  --radius-medium: 1.15rem;
  --radius-large: 1.75rem;
  --radius-round: 999px;

  --shadow-card: 0 1.25rem 3.5rem rgb(16 41 59 / 9%);
  --shadow-control: 0 0.65rem 1.6rem rgb(16 41 59 / 8%);
  --shadow-primary: 0 1rem 2.25rem rgb(8 127 120 / 20%);
  --shadow-primary-hover: 0 1.1rem 2.5rem rgb(8 127 120 / 26%);
  --shadow-avatar: 0 1rem 1.2rem rgb(8 127 120 / 12%);

  --font-size-small: clamp(0.72rem, 0.75vw, 0.88rem);
  --font-size-body: clamp(0.88rem, 0.95vw, 1.08rem);
  --font-size-control: clamp(0.98rem, 1.05vw, 1.22rem);
  --font-size-title: clamp(2.35rem, 4vw, 5rem);

  --transition-fast: 160ms;
  --transition-medium: 320ms;
  --transition-slow: 5.5s;
  --easing-standard: cubic-bezier(0.2, 0.7, 0.2, 1);

  --touch-target-min: 3.5rem;
  --content-max-width: 120rem;
}