:root {
  --brand-bg: #0e1115; /* základ stránky */
  --brand-surface: #12161c;
  --brand-subtle: #363c44;
  --brand-border: #1c222b;

  --brand-text: #ffffff;
  --text-accent: #ffee00;
  --text-secondary: rgba(255, 255, 255, 0.904); /* zeslabený text */
  --brand-muted: var(--text-secondary);

  /* CTA –*/
  --brand-primary-500: #f5e021; /* základ CTA */
  --brand-primary-600: #e6d20f; /* hover */
  --brand-primary-700: #cbb60b; /* active */
  --brand-primary-glow: rgba(245, 224, 33, 0.35);
  --btn-primary-text: #0e1115;

  /* Odkazy / sekundární barva */
  --brand-secondary: #8ab4f8;

  /* Napojení na Bootstrap */
  --bs-body-bg: var(--brand-bg);
  --bs-body-color: var(--brand-text);
  --bs-border-color: var(--brand-border);
  --bs-primary: var(--brand-primary-500);
  --bs-secondary: var(--brand-secondary);
  --bs-link-color: var(--brand-text);
  --bs-link-hover-color: var(--brand-text);
  --bs-heading-color: var(--brand-text);
  --bs-secondary-color: var(--text-secondary);

  --bs-secondary-bg-rgb: 54, 60, 68;
  --bs-tertiary-bg-rgb: 18, 22, 28;
  /* Dropdown (tmavé menu) */
  --bs-dropdown-bg: var(--brand-surface);
  --bs-dropdown-color: var(--brand-text);
  --bs-dropdown-link-color: var(--brand-text);
  --bs-dropdown-link-hover-bg: var(--brand-subtle);
  --bs-dropdown-link-hover-color: var(--brand-text);
  --bs-dropdown-border-color: rgba(255, 255, 255, 0.1);
}