/* ==========================================================================
   Színek — design tokens
   ==========================================================================
   Primary skála: a megadott brand-árnyalatok világossági sorrendben.
   600 = fő brand (#0050A1), 200 = light, 900 = dark.
   700–800: a 600 és 900 közötti átmenet.
   ========================================================================== */

:root {
  /* Primary skála (50 → 900) */
  --color-primary-50: #f9fbfd;
  --color-primary-100: #f5f8fb;
  --color-primary-200: #e0eaf4;
  --color-primary-300: #dce7f2;
  --color-primary-400: #cbd2da;
  --color-primary-500: #4d5f72;
  --color-primary-600: #0050a1;
  --color-primary-700: #003e7d;
  --color-primary-800: #002c59;
  --color-primary-900: #001a35;

  /* Primary aliasok (gyors használatra) */
  --color-primary: var(--color-primary-600);
  --color-primary-light: var(--color-primary-200);
  --color-primary-dark: var(--color-primary-900);

  /* Szöveg */
  --color-text: #121212;
  --color-text-secondary: #666666;

  /* Felületek */
  --color-background: #ffffff;
  --color-background-box: #f6f6f6;
  --color-border: #dddddd;

  /* Gyakori párok */
  --color-on-primary: #ffffff;
}

/* ==========================================================================
   Alapok
   ========================================================================== */

body {
  color: var(--color-text);
  background-color: var(--color-background);
}

a {
  color: var(--color-primary);
}

a:hover {
  color: var(--color-primary-700);
}

h1,
h2,
h3,
h4,
h5,
h6 {
  color: var(--color-text);
}