: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-dark: #5b3fb2;
  --primary-soft: rgba(37, 0, 191, 0.12);
  --danger: #fdeceb;
  --success: #eef8ea;
  --warning: #fff6e8;
  --normal: #edf4fb;
  --shadow: 0 20px 55px rgba(37, 0, 191, 0.12);
  --shadow-soft: 0 12px 28px rgba(37, 0, 191, 0.08);
  --button-hover-shadow: 0 14px 32px 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);

  --page-background:
    radial-gradient(circle at top left, var(--bg-orb-top), transparent 24%),
    radial-gradient(circle at bottom right, var(--bg-orb-bottom), transparent 22%),
    linear-gradient(180deg, var(--bg-start) 0%, var(--bg-end) 100%);

  --topbar-surface: rgba(255,255,255,0.84);
  --topbar-border: rgba(221,214,255,0.95);
  --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-outline-border: rgba(37, 0, 191, 0.14);

  --section-header-start: rgba(37, 0, 191, 0.05);
  --section-header-end: rgba(37, 0, 191, 0.01);
  --table-head-bg-solid: #f4efff;
  --table-head-first-bg-solid: #ece4ff;
  --row-label-bg-solid: #f6f1ff;
}