:root {
  /* Color Scheme - Dark Blue Theme */
  --color-primary: #1a2b4a;
  --color-primary-light: #2d4567;
  --color-primary-dark: #0f1a2e;
  --color-secondary: #3a5a7f;
  --color-accent: #5b7fa8;

  --color-text-primary: #ffffff;
  --color-text-secondary: #d4dce8;
  --color-text-muted: #a8b8cc;

  --color-background: #0d1624;
  --color-background-card: #1a2b4a;
  --color-border: #2d4567;

  /* Typography - Kepler Std Fonts */
  --font-primary: "kepler-std", Georgia, serif;
  --font-secondary: "kepler-std-display", Georgia, serif;
  --font-body: "kepler-std", Georgia, serif;

  /* Font Sizes */
  --font-size-xl: 3rem;
  --font-size-lg: 2rem;
  --font-size-md: 1.5rem;
  --font-size-base: 1.125rem;
  --font-size-sm: 1rem;

  /* Spacing */
  --spacing-xs: 0.5rem;
  --spacing-sm: 1rem;
  --spacing-md: 1.5rem;
  --spacing-lg: 2rem;
  --spacing-xl: 3rem;
  --spacing-2xl: 4rem;

  /* Border Radius */
  --border-radius-sm: 4px;
  --border-radius-md: 8px;
  --border-radius-lg: 12px;

  /* Shadows */
  --shadow-sm: 0 2px 4px rgba(0, 0, 0, 0.3);
  --shadow-md: 0 4px 8px rgba(0, 0, 0, 0.4);
  --shadow-lg: 0 8px 16px rgba(0, 0, 0, 0.5);

  /* Transitions */
  --transition-fast: 0.2s ease;
  --transition-normal: 0.3s ease;
  --transition-slow: 0.5s ease;
}