:root {
  --g-bg: #061b36;
  --g-bg-deep: #031328;
  --g-surface: #0a2748;
  --g-surface-raised: #103458;
  --g-card-dark: #14243a;
  --g-card-light: #ffffff;
  --g-card-ink: #0b1e34;
  --g-card-muted: #5f6f82;
  --g-divider-light: #e5eaf0;
  --g-info-light: #effbfc;
  --g-line: rgb(148 197 255 / 18%);
  --g-text: #f4f8ff;
  --g-muted: #b7c7da;
  --g-blue: #317ef5;
  --g-cyan: #32d3ed;
  --g-success: #138a73;
  --g-danger: #b42318;
  --g-radius-sm: 12px;
  --g-radius-md: 20px;
  --g-radius-lg: 28px;
  --g-shadow-dark: 0 24px 70px rgb(0 0 0 / 28%);
  --g-content: 1440px;
  --g-section-gap: 64px;
  --g-focus-core: #7edff0;
  --g-focus-halo: rgb(49 126 245 / 35%);
}