:root {
  --color-bg: #f6f8fb;
  --color-surface: #ffffff;
  --color-surface-soft: #eef3f8;
  --color-text: #172033;
  --color-muted: #667085;
  --color-border: #d9e2ec;
  --color-primary: #0f8f72;
  --color-primary-strong: #08745d;
  --color-secondary: #2563eb;
  --color-warning: #f59e0b;
  --color-danger: #dc2626;
  --color-success: #16a34a;
  --shadow-card: 0 16px 40px rgba(17, 24, 39, 0.08);
  --radius: 8px;
}

[data-theme="dark"] {
  --color-bg: #10141f;
  --color-surface: #171d2b;
  --color-surface-soft: #20283a;
  --color-text: #f8fafc;
  --color-muted: #a7b0c0;
  --color-border: #2c3446;
  --color-primary: #2dd4bf;
  --color-primary-strong: #14b8a6;
  --color-secondary: #60a5fa;
  --color-warning: #fbbf24;
  --color-danger: #f87171;
  --color-success: #4ade80;
  --shadow-card: 0 16px 40px rgba(0, 0, 0, 0.3);
  --radius: 8px;
}

/*
  Paste the exact user-supplied :root and [data-theme="dark"] variable blocks here.
  They were referenced in the prompt but not included in the provided message.
*/