:root {
  --blue-flag:   #0062b8;
  --blue-dark:   #00488a;
  --blue-deep:   #003370;
  --blue-mid:    #0077d4;
  --glass:       rgba(255, 255, 255, 0.14);
  --glass-md:    rgba(255, 255, 255, 0.22);
  --glass-card:  rgba(255, 255, 255, 0.88);
  --glass-border: rgba(255, 255, 255, 0.35);
  --card-border: rgba(255, 255, 255, 0.70);
  --muted:       rgba(255, 255, 255, 0.60);
  --text-card:   #0d2a5c;
  --text-muted-card: #4a6890;

  /* ── BUTTON THEME ── */
  --btn-primary:         #0062b8;
  --btn-primary-hover:   #0077d4;
  --btn-primary-text:    #ffffff;
  --btn-secondary:       #e4edf8;
  --btn-secondary-hover: #ccddf0;
  --btn-secondary-text:  #0d2a5c;
  --btn-danger:          #b91c1c;
  --btn-danger-hover:    #dc2626;
  --btn-danger-text:     #ffffff;
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

body {
  margin: 0;
  font-family: "DM Sans", sans-serif;
  color: #fff;
}