:root {
    --color-bg: rgb(243 246 245);
  --color-surface: rgb(255 255 255);
  --color-surface-glass: rgb(255 255 255 / 0.45);
  --color-ink: rgb(19 32 30);
  --color-ink-soft: rgb(106 122 120);
  --color-ink-note: rgb(44 58 56);
  --color-line: rgb(231 237 235);
  --color-primary: rgb(15 118 110);
  --color-primary-dark: rgb(11 93 86);
  --color-primary-soft: rgb(220 239 235);
  --color-pulse-light: rgb(245 112 102);
  --color-pulse: rgb(224 71 62);
  --color-pulse-dark: rgb(188 52 44);
  --color-pulse-deep: rgb(140 40 34);
  --color-pulse-soft: rgb(253 230 228);
  --color-pulse-ink: rgb(154 38 31);
  --color-amber: rgb(232 163 61);
  --color-on-accent: rgb(255 255 255);
  --color-neutral-soft: rgb(238 241 240);

    --space-4xs: 2px;
  --space-3xs: 4px;
  --space-2xs: 8px;
  --space-xs: 12px;
  --space-sm: 16px;
  --space-md: 20px;
  --space-lg: 24px;
  --space-xl: 36px;
  --space-2xl: 48px;

    --radius-sm: 12px;
  --radius-md: 16px;
  --radius-lg: 20px;
  --radius-pill: 999px;

    --font-sans: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --font-mono: ui-monospace, 'SF Mono', Menlo, monospace;
  --text-xs: 12px;
  --text-sm: 13px;
  --text-base: 15px;
  --text-md: 16px;
  --text-lg: 18px;
  --text-xl: 20px;
  --text-2xl: 24px;
  --text-display: 34px;
  --text-time: 40px;

    --shadow-card: 0 1px 2px rgb(19 32 30 / 0.04);
  --shadow-hero: 0 18px 42px rgb(224 71 62 / 0.38), inset 0 -3px 10px rgb(0 0 0 / 0.12);
  --shadow-btn: 0 10px 24px rgb(15 118 110 / 0.22);
  --shadow-soft: 0 12px 28px rgb(224 71 62 / 0.32);

    --width-app: 1192px;
  --width-marketing: 1140px;
  --width-screen: 460px;

    --blur-glass: 12px;
  --ease-press: transform 0.12s ease;
}