/* core/theme.css */
:root {
  --bg: #f4fbfb;
  --surface: #ffffff;
  --surface-muted: #eef6f6;
  --text: #0e2a2b;
  --muted: #4c6e73;
  --primary: #00a8a8;
  --primary-strong: #008c8c;
  --accent: #31d0c6;
  --accent-soft: #d9f7f4;
  --border: #d7eeef;
  --shadow: 0 10px 30px rgba(0, 84, 84, 0.08);
  --hero-grad: radial-gradient(circle at 20% 20%, rgba(49, 208, 198, 0.18), transparent 55%),
    radial-gradient(circle at 90% 10%, rgba(0, 168, 168, 0.2), transparent 40%),
    linear-gradient(120deg, #f4fbfb 0%, #eef9f9 50%, #e9fbf8 100%);
}

:root[data-theme="dark"] {
  --bg: #071a1b;
  --surface: #0f2f31;
  --surface-muted: #123436;
  --text: #f0fffd;
  --muted: #a8d1d0;
  --primary: #2ee5d7;
  --primary-strong: #13c3b7;
  --accent: #7cf4ea;
  --accent-soft: #103a3a;
  --border: #1b4b4f;
  --shadow: 0 14px 28px rgba(0, 0, 0, 0.4);
  --hero-grad: radial-gradient(circle at 20% 20%, rgba(49, 208, 198, 0.12), transparent 60%),
    radial-gradient(circle at 90% 10%, rgba(0, 168, 168, 0.18), transparent 50%),
    linear-gradient(120deg, #071a1b 0%, #0b2224 55%, #0f2f31 100%);
}