:root {
  --teal-700: #0F766E;
  --teal-800: #0c615a;
  --teal-50: #e9f3f2;
  --on-primary: #FFFFFF;
  --link: #0F766E;
  --ink: #0B2A2F;
  --ink-2: #233f44;
  --glow: #0e5b58;
  --amber-500: #F5A524;
  --on-accent: #0B2A2F;
  --text: #0B2A2F;
  --page-bg: #FFFFFF;
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 18px;
  --btn-radius: 10px;
  --font-body: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
  --container: 1240px;
}
html { font-size: 100%; }
:root[data-theme="dark"] {
  --text: #E8EFF0;
  --page-bg: #0C1719;
  --surface: #13222A;
  --nav-bg: rgba(19, 34, 42, .96);
  --gray-25: #101E23;
  --gray-50: #1A2C33;
  --gray-100: #27393F;
  --gray-300: #3E5259;
  --gray-500: #A3B5BA;
  --gray-700: #C5D2D5;
  --green-50: #12321F;
  --green-700: #6FD79B;
  --red-50: #3A1A17;
  --red-600: #F59388;
  --amber-800: #F2C46B;
  --teal-50: #123B37;
  --link: #87bbb7;
}