:root {
  --green: #16a34a;
  --green-dark: #0f7a35;
  --green-soft: #eaf8ef;
  --orange: #f97316;
  --orange-soft: #fff2e8;

  --bg: #f7faf8;
  --surface: #ffffff;
  --surface-2: #f1f5f2;
  --text: #102117;
  --text-soft: #5f6f64;
  --border: #e2e9e4;
  --shadow: 0 18px 50px rgba(16, 33, 23, .08);

  --radius-sm: 12px;
  --radius-md: 18px;
  --radius-lg: 28px;

  --container: 1180px;
}

[data-theme="dark"] {
  --bg: #09110d;
  --surface: #101a14;
  --surface-2: #16231a;
  --text: #f1f7f3;
  --text-soft: #9caea2;
  --border: #24372a;
  --shadow: 0 18px 50px rgba(0, 0, 0, .28);
  --green-soft: #10291a;
  --orange-soft: #2a1a0f;
}