@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@400;600;700;900&family=Montserrat:wght@400;500;600;700;800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@400;700&display=swap');

:root {
  /* === DARK COSMIC PALETTE === */
  --bg-primary:         #020E21;
  --bg-secondary:       #061B3A;
  --card-bg-color:      rgba(8, 22, 45, 0.75);
  --surface:            rgba(8, 22, 45, 0.85);
  --accent-primary:     #2F6C9E;
  --accent-secondary:   #6FA9D6;
  --accent-glow:        rgba(111, 169, 214, 0.35);
  --accent-glow-strong: rgba(111, 169, 214, 0.65);
  --text-primary:       #D7ECFF;
  --text-secondary:     #9FC4E8;
  --text-muted:         #6E8FB0;
  --text-highlight:     #C8E6FF;
  --border-subtle:      rgba(120, 170, 255, 0.15);
  --border-normal:      rgba(120, 170, 255, 0.25);
  --border-active:      rgba(120, 170, 255, 0.5);
  --alert-success:      #1A8A7A;
  --alert-warning:      #B8860B;
  --alert-error:        #FF4A4A;
  /* Legacy aliases */
  --text-color:         #D7ECFF;
  --accent-color:       #D7ECFF;
  --theme-accent:       #6FA9D6;
  --border-radius-main: 24px;
  --blur-value:         20px;
  --transition-duration:400ms;

  /* Extra tokens */
  --font-display:  'Cinzel', serif;
  --font-body:     'Montserrat', sans-serif;
  --font-mono:     'Roboto Mono', monospace;
  --nav-height:    72px;
  --section-max:   1200px;
}