:root {
  --bg: #f3effa;
  --bg-soft: #ece3f8;
  --surface: #ffffff;
  --surface-alt: #f7f2ff;
  --ink: #1d1330;
  --muted: #5f5476;
  --line: rgba(44, 29, 77, 0.16);

  --brand: #d9bb5d;
  --brand-strong: #b4923a;
  --forest: #1f1540;
  --forest-strong: #140d2d;
  --accent: #6a4bd0;
  --danger: #b53c54;
  --focus-ring: rgba(106, 75, 208, 0.42);

  --deep-1: #170f35;
  --deep-2: #2a1c57;
  --deep-3: #130d2d;
  --deep-4: #25184d;
  --overlay-soft: rgba(17, 10, 39, 0.12);
  --overlay-strong: rgba(17, 10, 39, 0.68);
  --accent-soft: rgba(106, 75, 208, 0.14);
  --accent-line: rgba(106, 75, 208, 0.24);

  --radius-lg: 24px;
  --radius-md: 16px;
  --radius-sm: 10px;
  --container: min(1360px, calc(100vw - 40px));

  --shadow-sm: 0 8px 22px rgba(30, 18, 63, 0.1);
  --shadow-md: 0 16px 38px rgba(30, 18, 63, 0.16);
  --shadow-lg: 0 28px 54px rgba(30, 18, 63, 0.2);

  --glass: rgba(255, 255, 255, 0.72);
  --glass-border: rgba(255, 255, 255, 0.4);
}