:root {
  --bg-start: #f9fbfe;
  --bg-end: #f3f7fc;
  --bg-orb-top: rgba(111, 150, 209, 0.18);
  --bg-orb-bottom: rgba(183, 203, 232, 0.18);
  --surface-rgb: 255,255,255;
  --surface: #ffffff;
  --surface-soft: #f3f7fc;
  --text: #091F5B;
  --muted: #3c5b96;
  --border: #d5e1f1;
  --tbody-border: rgba(213,225,241,0.9);
  --primary: #091F5B;
  --primary-strong: #3c5b96;
  --primary-soft: rgba(9, 31, 91, 0.10);
  --action-color: #b7cbe8;
  --action-color-hover: #a7bddf;
  --action-contrast: #091F5B;
  --action-shadow: 0 14px 32px rgba(183, 203, 232, 0.34);
  --shadow: 0 20px 55px rgba(9, 31, 91, 0.10);
  --shadow-soft: 0 12px 28px rgba(9, 31, 91, 0.08);
  --hero-gradient-start: rgba(9, 31, 91, 0.06);
  --hero-gradient-end: rgba(111, 150, 209, 0.10);
  --hero-border: rgba(213, 225, 241, 0.95);
  --hero-actions-border: rgba(9, 31, 91, 0.06);
  --language-switch-border: rgba(9, 31, 91, 0.10);
  --language-switch-shadow: 0 14px 34px rgba(9, 31, 91, 0.10);
  --lang-pill-hover-bg: rgba(9, 31, 91, 0.08);
  --lang-pill-active-shadow: 0 10px 24px rgba(9, 31, 91, 0.18);
  --button-hover-shadow: 0 14px 32px rgba(9, 31, 91, 0.10);
  --button-outline-border: rgba(9, 31, 91, 0.12);
  --input-border: rgba(9, 31, 91, 0.10);
  --input-focus-border: rgba(9, 31, 91, 0.24);
  --toolbar-gradient-start: rgba(9, 31, 91, 0.05);
  --toolbar-gradient-end: rgba(111, 150, 209, 0.08);
  --footer-gradient-start: rgba(9, 31, 91, 0.03);
  --sidebar-separator: rgba(9, 31, 91, 0.06);
  --nav-border: rgba(9, 31, 91, 0.06);
  --nav-active-bg: rgba(9, 31, 91, 0.05);
  --sidebar-subnav-border: rgba(9, 31, 91, 0.08);
  --subnav-active-bg: rgba(9, 31, 91, 0.08);
  --subnav-icon-border: rgba(9, 31, 91, 0.05);
  --mobile-button-border: rgba(9, 31, 91, 0.10);
  --row-hover-bg: #f7fbff;
}