/* Fortis Global Security — design tokenek
   A színek a 01-fooldal.png látványtervből mintavételezve.
   Ez a fájl változtatás nélkül kerül át az app/static/css/tokens.css helyére. */

:root {
  /* --- Felületek --- */
  --color-graphite:      #0F181D;
  --color-ink:           #16242A;
  --color-gunmetal:      #1B2931;
  --color-surface-dark:  #152127;
  --color-surface-deep:  #15232B;
  --color-footer:        #000000;

  /* --- Világos felületek --- */
  --color-steel-050:     #E9F1F8;
  --color-steel-100:     #D5DCE6;
  --color-steel-200:     #C6CDD8;
  --color-steel-300:     #9FA3AA;

  /* --- Szöveg --- */
  --color-text-on-dark:        #EDF0F3;
  --color-text-on-dark-muted:  #B6C2CC;
  --color-text-on-dark-faint:  #7B858E;
  --color-text-on-light:       #0A1014;
  --color-text-on-light-muted: #384049;

  /* --- Acélkék akcentus --- */
  --color-accent-300:    #85C4F1;
  --color-accent-400:    #45ABF5;
  --color-accent-500:    #2B83CA;
  --color-accent-600:    #1F6FB5;
  --color-accent-icon:   #2BA6DE;

  /* --- Visszajelzés --- */
  --color-error:         #E8746E;
  --color-error-bg:      rgba(232, 116, 110, 0.10);

  /* --- Vonalak --- */
  --color-rule-dark:     rgba(237, 240, 243, 0.14);
  --color-rule-light:    rgba(10, 16, 20, 0.16);
  --color-field-border:  rgba(237, 240, 243, 0.22);

  /* --- Gradiensek --- */
  --gradient-cta:        linear-gradient(180deg, var(--color-accent-400) 0%, var(--color-accent-600) 100%);
  --gradient-cta-hover:  linear-gradient(180deg, #56B6FA 0%, #17578F 100%);
  --gradient-trustbar:   linear-gradient(90deg, #D8DFE7 0%, #C6CDD8 55%, #8C929A 100%);
  --gradient-services:   linear-gradient(180deg, var(--color-steel-050) 0%, var(--color-steel-100) 100%);
  --gradient-247:        linear-gradient(170deg, #CFE3F5 0%, var(--color-accent-300) 28%,
                                          var(--color-accent-500) 62%, #1A4E7E 100%);

  /* --- Tipográfia --- */
  --font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
  --fs-display:  clamp(2.5rem, 4.6vw, 4rem);
  --fs-h2:       clamp(1.875rem, 3.1vw, 2.625rem);
  --fs-h3:       1.375rem;
  --fs-lead:     1.125rem;
  --fs-body:     1rem;
  --fs-small:    0.9375rem;
  --fs-fine:     0.8125rem;
  --fs-label:    0.75rem;
  --ls-label:    0.18em;
  --ls-display:  -0.02em;
  --lh-tight:    1.06;
  --lh-normal:   1.55;

  /* --- Térköz --- */
  --space-2xs: 4px;
  --space-xs:  8px;
  --space-sm:  12px;
  --space-md:  20px;
  --space-lg:  32px;
  --space-xl:  48px;
  --space-2xl: 72px;
  --space-3xl: 104px;

  /* --- Elrendezés --- */
  --container-max: 1200px;
  --container-pad: 24px;
  --header-height: 80px;
  --transition: 180ms ease;
}