:root {
  /* Color system: dark indigo + silver */
  --color_bg_900: #0a0d1a;
  --color_bg_800: #10172b;
  --color_bg_700: #17213a;
  --color_indigo_600: #2a3f73;
  --color_indigo_500: #3a518a;

  --color_silver_100: #eef1f7;
  --color_silver_200: #d9dfea;
  --color_silver_300: #b9c2d4;
  --color_silver_400: #8f9bb3;

  --color_glass: rgba(10, 16, 31, 0.58);
  --color_border: rgba(185, 194, 212, 0.28);
  --color_shadow: rgba(0, 0, 0, 0.45);

  --color_text_primary: var(--color_silver_100);
  --color_text_secondary: var(--color_silver_300);
  --color_text_muted: var(--color_silver_400);

  --color_focus: #8da7e8;
  --color_error: #f29da7;

  /* Spacing scale */
  --space_2: 0.5rem;
  --space_3: 0.75rem;
  --space_4: 1rem;
  --space_5: 1.25rem;
  --space_6: 1.5rem;
  --space_8: 2rem;
  --space_10: 2.5rem;

  /* Radius */
  --radius_sm: 8px;
  --radius_md: 12px;
  --radius_lg: 18px;
  --radius_xl: 24px;

  /* Typography */
  --font_ui: "Segoe UI", "Inter", "Noto Sans", sans-serif;
  --font_title: "Georgia", "Times New Roman", serif;

  --text_xs: 0.75rem;
  --text_sm: 0.875rem;
  --text_md: 1rem;
  --text_lg: 1.125rem;
  --text_xl: 1.5rem;

  /* Layering */
  --z_background: 0;
  --z_content: 10;
  --z_overlay: 20;

  /* Motion */
  --ease_standard: cubic-bezier(0.2, 0.8, 0.2, 1);
  --dur_fast: 160ms;
  --dur_med: 280ms;
}