:root {
  --bg-start: #fbfaff;
  --bg-end: #f5f2ff;
  --bg-orb-top: rgba(131, 102, 255, 0.18);
  --bg-orb-bottom: rgba(23, 229, 177, 0.10);
  --surface-rgb: 255,255,255;
  --surface: #ffffff;
  --surface-soft: #f6f3ff;
  --text: #040019;
  --muted: #5e5494;
  --border: #ddd6ff;
  --tbody-border: rgba(221,214,255,0.85);
  --primary: #2500BF;
  --primary-strong: #3100FF;
  --primary-soft: rgba(37, 0, 191, 0.12);
  --action-color: #ff1a71;
  --action-color-hover: #e01465;
  --action-contrast: #ffffff;
  --action-shadow: 0 14px 32px rgba(255, 26, 113, 0.24);
  --shadow: 0 20px 55px rgba(37, 0, 191, 0.12);
  --shadow-soft: 0 12px 28px rgba(37, 0, 191, 0.08);
  --hero-gradient-start: rgba(37, 0, 191, 0.06);
  --hero-gradient-end: rgba(131, 102, 255, 0.03);
  --hero-border: rgba(221, 214, 255, 0.95);
  --hero-actions-border: rgba(37, 0, 191, 0.08);
  --language-switch-border: rgba(37, 0, 191, 0.10);
  --language-switch-shadow: 0 14px 34px rgba(37, 0, 191, 0.10);
  --lang-pill-hover-bg: rgba(37, 0, 191, 0.08);
  --lang-pill-active-shadow: 0 10px 24px rgba(37, 0, 191, 0.22);
  --button-hover-shadow: 0 14px 32px rgba(37, 0, 191, 0.12);
  --button-outline-border: rgba(37, 0, 191, 0.14);
  --input-border: rgba(37, 0, 191, 0.12);
  --input-focus-border: rgba(37, 0, 191, 0.32);
  --toolbar-gradient-start: rgba(37, 0, 191, 0.06);
  --toolbar-gradient-end: rgba(131, 102, 255, 0.02);
  --footer-gradient-start: rgba(37, 0, 191, 0.03);
  --sidebar-separator: rgba(37, 0, 191, 0.08);
  --nav-border: rgba(37, 0, 191, 0.08);
  --nav-active-bg: rgba(37, 0, 191, 0.06);
  --sidebar-subnav-border: rgba(37, 0, 191, 0.10);
  --subnav-active-bg: rgba(37, 0, 191, 0.08);
  --subnav-icon-border: rgba(37, 0, 191, 0.06);
  --mobile-button-border: rgba(37, 0, 191, 0.12);
  --row-hover-bg: #faf8ff;
}