:root {
  /* Existing public aliases stay available during the incremental migration. */
  --ink: #090b2b;
  --muted: #5d6078;
  --blue: #2448dc;
  --violet: #755aff;
  --line: #e8e9f5;

  /* Semantic colors */
  --color-page: #fbfbfe;
  --color-surface: #fff;
  --color-section-tint: #f3f5ff;
  --color-accent-text: #6153ef;
  --color-link-line: #aeb0c2;

  /* Reusable gradients */
  --gradient-brand: linear-gradient(120deg, var(--violet), var(--blue));
  --gradient-brand-horizontal: linear-gradient(90deg, var(--violet), var(--blue));

  /* Layout */
  --container-max: 1180px;
  --container-gutter: 24px;
  --container-gutter-mobile: 14px;
  --section-space: 110px;
  --section-space-tablet: 80px;
  --section-space-mobile: 65px;

  /* Shape */
  --radius-control: 8px;
  --radius-button: 9px;
  --radius-card: 18px;
  --radius-panel: 14px;

  /* Elevation */
  --shadow-button: 0 12px 28px #3846dc31;
  --shadow-card: 0 16px 40px #2226570d;
  --shadow-panel: 0 24px 65px #11164b2b;
}