:root {
  --color-yellow: #FFF047;
  --color-navy: #1B2C4A;
  --color-blue: #2C6C9B;
  --color-gray: #B1B3B1;
  --color-white: #FFFFFF;

  /* kompatibilita s pôvodnými názvami premenných */
  --color-primary: var(--color-navy);
  --color-primary-dark: #111d30;
  --color-secondary: var(--color-yellow);
  --color-light: #f5f7fb;
  --color-text: #dfe7f3;
  --color-text-dark: #17233a;
  --color-text-light: rgba(255, 255, 255, 0.78);
  --color-border: rgba(255, 240, 71, 0.12);
  --color-card: #1e3358;
  --color-card-soft: rgba(30, 51, 88, 0.78);
  --color-section: #111d30;
  --color-section-alt: #162743;

  --container-width: 1180px;

  --radius-sm: 8px;
  --radius-md: 14px;
  --radius-lg: 24px;
  --shadow: 0 18px 50px rgba(0, 0, 0, 0.28);
  --shadow-soft: 0 14px 35px rgba(0, 0, 0, 0.18);
  --transition: 0.3s cubic-bezier(.4, 0, .2, 1);
}