:root {
  --font-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
  --font-mono: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;

  --color-page: #f8fafc;
  --color-surface: #ffffff;
  --color-surface-subtle: #f1f5f9;
  --color-surface-muted: #e2e8f0;
  --color-line: #e2e8f0;
  --color-line-subtle: #edf2f7;

  --color-primary: #0a5c36;
  --color-primary-hover: #084c2c;
  --color-primary-active: #063c23;
  --color-primary-light: #ebf9f1;
  --color-primary-border: #bbf0d4;
  --color-primary-text: #ffffff;

  --text-primary: #0f172a;
  --text-secondary: #475569;
  --text-muted: #64748b;
  --text-inverse: #ffffff;

  --status-ok-bg: #ecfdf5;
  --status-ok-text: #065f46;
  --status-ok-border: #a7f3d0;
  --status-ok-dot: #10b981;

  --status-warn-bg: #fffbeb;
  --status-warn-text: #92400e;
  --status-warn-border: #fde68a;
  --status-warn-dot: #f59e0b;

  --status-danger-bg: #fff1f2;
  --status-danger-text: #9f1239;
  --status-danger-border: #fecdd3;
  --status-danger-dot: #f43f5e;

  --status-neutral-bg: #f1f5f9;
  --status-neutral-text: #334155;
  --status-neutral-border: #cbd5e1;

  --shadow-2xs: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  --shadow-xs: 0 1px 3px 0 rgba(0, 0, 0, 0.08), 0 1px 2px -1px rgba(0, 0, 0, 0.06);
  --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.08), 0 2px 4px -2px rgba(0, 0, 0, 0.06);
  --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.08), 0 4px 6px -4px rgba(0, 0, 0, 0.04);
  --shadow-modal: 0 20px 25px -5px rgba(15, 23, 42, 0.15), 0 8px 10px -6px rgba(15, 23, 42, 0.1);

  --radius-sm: 6px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-xl: 16px;
  --radius-full: 9999px;

  --transition-fast: 150ms cubic-bezier(0.4, 0, 0.2, 1);
  --transition-normal: 200ms cubic-bezier(0.4, 0, 0.2, 1);

  --safe-bottom: env(safe-area-inset-bottom, 0px);
  --safe-top: env(safe-area-inset-top, 0px);
}