:root {
  --color-background: #fbf8f3;
  --color-surface: #ffffff;
  --color-surface-tint: #eef5f1;
  --color-foreground: #14231d;
  --color-muted-foreground: #51605a;
  --color-primary: #0b6b4f;
  --color-primary-strong: #085640;
  --color-on-primary: #ffffff;
  --color-on-primary-muted: #d6e8e0;
  --color-accent: #e8a33d;
  --color-accent-soft: #fbefd9;
  --color-accent-foreground: #6b4406;
  --color-border: #e4ded2;
  --color-border-strong: #7f8c85;
  --color-danger: #b42318;
  --color-ink-panel: #10261e;
  --color-ink-panel-raised: #17332a;
  --color-ink-panel-border: #2a473d;
  --color-on-ink: #f3f0e8;
  --color-on-ink-muted: #b5c4bc;
  --color-chat-canvas: #f1ece2;
  --color-chat-bubble-customer: #ffffff;
  --color-chat-bubble-assistant: #d9efe3;
  --color-glow-primary: rgba(11, 107, 79, 0.14);
  --color-glow-accent: rgba(232, 163, 61, 0.24);
  --color-header-backdrop: rgba(251, 248, 243, 0.86);

  --font-family-base: "Plus Jakarta Sans", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --font-size-caption: 0.8125rem;
  --font-size-small: 0.9375rem;
  --font-size-body: 1rem;
  --font-size-lead: clamp(1.0625rem, 0.98rem + 0.4vw, 1.25rem);
  --font-size-card-title: 1.125rem;
  --font-size-section-title: clamp(1.625rem, 1.2rem + 2vw, 2.5rem);
  --font-size-display: clamp(2.125rem, 1.3rem + 4vw, 3.75rem);

  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-10: 40px;
  --space-12: 48px;
  --space-16: 64px;
  --space-section: clamp(64px, 9vw, 120px);
  --space-gutter: clamp(20px, 4vw, 32px);

  --radius-sm: 10px;
  --radius-md: 16px;
  --radius-lg: 24px;
  --radius-xl: 32px;
  --radius-pill: 999px;

  --shadow-card: 0 1px 2px rgba(20, 35, 29, 0.05), 0 10px 28px -12px rgba(20, 35, 29, 0.12);
  --shadow-chat-bubble: 0 1px 1px rgba(20, 35, 29, 0.08);
  --shadow-device: 0 2px 4px rgba(16, 38, 30, 0.06), 0 40px 80px -32px rgba(16, 38, 30, 0.38);

  --container-width: 1120px;
  --prose-width: 62ch;
  --header-height: 68px;
  --icon-size-sm: 18px;
  --icon-size-md: 22px;

  --layer-content: 1;
  --layer-header: 100;
  --layer-skip-link: 1000;

  --duration-fast: 150ms;
  --duration-base: 260ms;
  --duration-entrance: 520ms;
  --easing-arrive: cubic-bezier(0.2, 0.7, 0.2, 1);
}