:root {
  --coaking-color-ink: #102840;
  --coaking-color-ink-soft: #29445d;
  --coaking-color-brand: #00a7c6;
  --coaking-color-brand-deep: #007d99;
  --coaking-color-surface: #f5f8fa;
  --coaking-color-surface-strong: #e7eff3;
  --coaking-color-paper: #ffffff;
  --coaking-color-line: #d7e1e7;
  --coaking-color-success: #257a58;
  --coaking-color-warning: #9a6500;
  --coaking-color-danger: #a73737;
  --coaking-font-sans: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --coaking-font-display: var(--coaking-font-sans);
  --coaking-text-xs: clamp(0.75rem, 0.72rem + 0.1vw, 0.8125rem);
  --coaking-text-sm: clamp(0.875rem, 0.84rem + 0.15vw, 0.9375rem);
  --coaking-text-base: clamp(1rem, 0.96rem + 0.2vw, 1.125rem);
  --coaking-text-lg: clamp(1.25rem, 1.12rem + 0.6vw, 1.5rem);
  --coaking-text-xl: clamp(1.75rem, 1.4rem + 1.5vw, 2.5rem);
  --coaking-text-display: clamp(2.25rem, 1.4rem + 4vw, 5rem);
  --coaking-leading-tight: 1.08;
  --coaking-leading-normal: 1.55;
  --coaking-space-1: 0.25rem;
  --coaking-space-2: 0.5rem;
  --coaking-space-3: 0.75rem;
  --coaking-space-4: 1rem;
  --coaking-space-5: 1.5rem;
  --coaking-space-6: 2rem;
  --coaking-space-7: 3rem;
  --coaking-space-8: 4.5rem;
  --coaking-space-9: 6rem;
  --coaking-container: 76rem;
  --coaking-grid-gap: clamp(1rem, 2vw, 2rem);
  --coaking-radius-sm: 0.375rem;
  --coaking-radius-md: 0.75rem;
  --coaking-radius-lg: 1.25rem;
  --coaking-shadow-sm: 0 0.4rem 1.2rem rgba(16, 40, 64, 0.08);
  --coaking-shadow-lg: 0 1rem 3rem rgba(16, 40, 64, 0.14);
  --coaking-motion-fast: 160ms;
  --coaking-motion-base: 240ms;
  --coaking-breakpoint-tablet: 48rem;
  --coaking-breakpoint-desktop: 64rem;
  --coaking-focus-ring: 0 0 0 3px rgba(0, 167, 198, 0.35);
}