:root {
  --surface-rgb: 255,255,255;
  --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: #ffffff;
  --surface-soft: #f6f3ff;
  --surface-strong: #efebff;
  --border: #ddd6ff;
  --text: #040019;
  --muted: #5e5494;
  --primary: #2500BF;
  --primary-strong: #3100FF;
  --primary-mid: #5A33FF;
  --primary-light: #8366FF;
  --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);
  --danger: #d72661;
  --success: #17E5B1;
  --shadow: 0 20px 55px rgba(37, 0, 191, 0.12);
  --shadow-soft: 0 12px 28px rgba(37, 0, 191, 0.08);

  --hero-note-font: "Playfair Display", Georgia, serif;
  --hero-note-size: 18px;
  --hero-note-weight: 600;
  --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);
  --danger-border: rgba(215, 38, 97, 0.18);
  --danger-soft: rgba(255, 92, 138, 0.08);

  --modal-border: rgba(221, 214, 255, 0.95);
  --modal-header-start: rgba(37, 0, 191, 0.05);
  --modal-header-end: rgba(37, 0, 191, 0.01);
  --close-button-border: rgba(37, 0, 191, 0.12);

  --upload-zone-border: rgba(37, 0, 191, 0.20);
  --upload-zone-start: rgba(37, 0, 191, 0.05);
  --upload-zone-end: rgba(37, 0, 191, 0.015);
  --help-box-start: rgba(37, 0, 191, 0.04);
  --help-box-end: rgba(37, 0, 191, 0.015);
  --help-box-border: rgba(37, 0, 191, 0.12);
  --file-pill-bg: rgba(109, 40, 217, 0.08);

  --toolbar-gradient-start: rgba(37, 0, 191, 0.06);
  --toolbar-gradient-end: rgba(131, 102, 255, 0.02);
  --input-border: rgba(37, 0, 191, 0.12);
  --input-focus-border: rgba(37, 0, 191, 0.32);

  --thead-gradient-start: rgba(37, 0, 191, 0.07);
  --thead-gradient-end: rgba(37, 0, 191, 0.03);
  --tbody-border: rgba(221, 214, 255, 0.8);
  --row-hover-bg: #faf8ff;

  --edit-btn-bg: rgba(37, 0, 191, 0.08);
  --edit-btn-border: rgba(37, 0, 191, 0.08);
  --edit-btn-hover-bg: rgba(37, 0, 191, 0.16);
  --delete-btn-bg: rgba(255, 92, 138, 0.08);
  --delete-btn-border: rgba(215, 38, 97, 0.08);
  --delete-btn-hover-bg: rgba(255, 92, 138, 0.16);

  --footer-gradient-start: rgba(37, 0, 191, 0.03);
  --rows-control-bg: rgba(37, 0, 191, 0.04);
  --rows-control-border: rgba(37, 0, 191, 0.08);
  --pager-button-border: rgba(37, 0, 191, 0.14);

  --group-row-start: rgba(37, 0, 191, 0.10);
  --group-row-end: rgba(131, 102, 255, 0.06);
  --group-count-border: rgba(37, 0, 191, 0.10);

  --selection-card-hover-border: rgba(109, 40, 217, 0.34);
  --selection-accent: #5b21b6;
  --selection-card-active-border: rgba(109, 40, 217, 0.42);
  --selection-card-active-start: rgba(109, 40, 217, 0.08);
  --selection-card-active-end: rgba(109, 40, 217, 0.03);
  --selection-card-active-shadow: 0 12px 28px rgba(109, 40, 217, 0.12);

  --danger-chip-color: #b91c1c;
  --sidebar-separator: rgba(37, 0, 191, 0.08);
  --nav-border: rgba(37, 0, 191, 0.06);
  --nav-active-bg: rgba(37, 0, 191, 0.05);
  --nav-active-icon-border: rgba(37, 0, 191, 0.08);
  --sidebar-subnav-border: rgba(37, 0, 191, 0.08);
  --subnav-active-bg: rgba(37, 0, 191, 0.08);
  --subnav-icon-border: rgba(37, 0, 191, 0.05);

  --mobile-button-border: rgba(37, 0, 191, 0.10);
}