:root {
  --bg: #eef3ff;
  --bg-soft: #e4ecff;
  --surface: #f7faff;
  --panel: rgba(255, 255, 255, 0.86);
  --panel-strong: rgba(245, 250, 255, 0.95);
  --panel-2: rgba(240, 247, 255, 0.92);
  --line: rgba(92, 125, 183, 0.28);
  --text: #162744;
  --muted: #506388;
  --shadow: 0 18px 48px rgba(70, 97, 146, 0.24);
  --overlay-top-left: rgba(114, 224, 255, 0.18);
  --overlay-top-right: rgba(146, 255, 198, 0.16);
  --overlay-base-start: rgba(255, 255, 255, 0.76);
  --overlay-base-end: rgba(238, 244, 255, 0.9);
  --frosted-bg: rgba(255, 255, 255, 0.72);
  --frosted-line: rgba(124, 153, 205, 0.3);
  --input-bg: rgba(255, 255, 255, 0.94);
  --input-line: rgba(122, 162, 255, 0.3);
  --nav-bg: rgba(255, 255, 255, 0.82);
  --nav-line: rgba(141, 181, 255, 0.26);
  --btn-secondary-bg: rgba(141, 181, 255, 0.2);
  --btn-secondary-hover: rgba(87, 213, 255, 0.2);
  --glass-dark-weak: rgba(130, 154, 196, 0.16);
  --glass-dark-mid: rgba(130, 154, 196, 0.24);
  --surface-veil: rgba(255, 255, 255, 0.7);
  --text-inverse: #ffffff;
}