:root {
  --surface-rgb: 255,255,255;
  --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: #ffffff;
  --surface-soft: #f3f7fc;
  --surface-strong: #e4edf8;
  --border: #d5e1f1;
  --text: #091F5B;
  --muted: #3c5b96;
  --primary: #091F5B;
  --primary-strong: #3c5b96;
  --primary-mid: #6F96D1;
  --primary-light: #b7cbe8;
  --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);
  --danger: #c2415c;
  --success: #2aa198;
  --shadow: 0 20px 55px rgba(9, 31, 91, 0.10);
  --shadow-soft: 0 12px 28px rgba(9, 31, 91, 0.08);

  --hero-note-font: "Montserrat", ui-sans-serif, system-ui, sans-serif;
  --hero-note-size: 17px;
  --hero-note-weight: 600;
  --hero-gradient-start: rgba(9, 31, 91, 0.06);
  --hero-gradient-end: rgba(111, 150, 209, 0.10);
  --hero-border: rgba(221, 214, 255, 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);
  --danger-border: rgba(194, 65, 92, 0.16);
  --danger-soft: rgba(194, 65, 92, 0.08);

  --modal-border: rgba(221, 214, 255, 0.95);
  --modal-header-start: rgba(9, 31, 91, 0.05);
  --modal-header-end: rgba(9, 31, 91, 0.01);
  --close-button-border: rgba(9, 31, 91, 0.10);

  --upload-zone-border: rgba(111, 150, 209, 0.22);
  --upload-zone-start: rgba(111, 150, 209, 0.08);
  --upload-zone-end: rgba(111, 150, 209, 0.02);
  --help-box-start: rgba(9, 31, 91, 0.04);
  --help-box-end: rgba(111, 150, 209, 0.02);
  --help-box-border: rgba(9, 31, 91, 0.10);
  --file-pill-bg: rgba(111, 150, 209, 0.12);

  --toolbar-gradient-start: rgba(9, 31, 91, 0.05);
  --toolbar-gradient-end: rgba(111, 150, 209, 0.08);
  --input-border: rgba(9, 31, 91, 0.10);
  --input-focus-border: rgba(9, 31, 91, 0.24);

  --thead-gradient-start: rgba(9, 31, 91, 0.06);
  --thead-gradient-end: rgba(111, 150, 209, 0.10);
  --tbody-border: rgba(213, 225, 241, 0.8);
  --row-hover-bg: #f8fbff;

  --edit-btn-bg: rgba(9, 31, 91, 0.06);
  --edit-btn-border: rgba(9, 31, 91, 0.06);
  --edit-btn-hover-bg: rgba(9, 31, 91, 0.14);
  --delete-btn-bg: rgba(194, 65, 92, 0.08);
  --delete-btn-border: rgba(194, 65, 92, 0.08);
  --delete-btn-hover-bg: rgba(194, 65, 92, 0.14);

  --footer-gradient-start: rgba(9, 31, 91, 0.03);
  --rows-control-bg: rgba(9, 31, 91, 0.04);
  --rows-control-border: rgba(9, 31, 91, 0.06);
  --pager-button-border: rgba(9, 31, 91, 0.12);

  --group-row-start: rgba(9, 31, 91, 0.08);
  --group-row-end: rgba(111, 150, 209, 0.12);
  --group-count-border: rgba(9, 31, 91, 0.10);

  --selection-card-hover-border: rgba(60, 91, 150, 0.24);
  --selection-accent: #091F5B;
  --selection-card-active-border: rgba(60, 91, 150, 0.28);
  --selection-card-active-start: rgba(111, 150, 209, 0.12);
  --selection-card-active-end: rgba(111, 150, 209, 0.05);
  --selection-card-active-shadow: 0 12px 28px rgba(9, 31, 91, 0.08);

  --danger-chip-color: #9f2d45;
  --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);
  --nav-active-icon-border: rgba(9, 31, 91, 0.08);
  --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);
}