/* ==========================================================================
   NPA - design tokens
   Sursa: NPA Manual de Brand v1.0, sectiunile 03 (paleta) si 04 (tipografie).
   Codurile de mai jos sunt cele oficiale din manual, nu aproximari.
   ========================================================================== */
:root {
  /* --- Culori oficiale (manual 3.1) --------------------------------------
     Regula din manual: albastrul domina identitatea, turcoazul se foloseste
     exclusiv ca accent secundar. Proportii recomandate (3.3):
     60% albastru, 25% turcoaz, 10% neutre, 5% verde. */
  --npa-blue:        #005B96;  /* Albastru NPA - culoarea principala */
  --npa-teal:        #00A6A6;  /* Turcoaz medical - accente, butoane, iconite */
  --npa-navy:        #0B2A4A;  /* Navy - fundaluri inchise, coperti, panouri */
  --npa-green:       #6BBF59;  /* Verde sanatate - confirmari; folosit RAR */

  /* Variatii derivate, pentru stari si straturi */
  --npa-blue-dark:   #004472;  /* hover pe albastru */
  --npa-navy-deep:   #071D33;  /* fundal si mai inchis */
  --npa-teal-dark:   #00807F;  /* hover pe turcoaz */
  --npa-teal-soft:   #4FC3C2;  /* turcoaz deschis, pe fundal navy */
  --npa-cyan:        #7FD8D7;  /* accent pe fundal inchis */
  --npa-cyan-bg:     #E6F6F6;  /* fundal blocuri de accent */

  /* --- Neutre (manual 3.2) ---------------------------------------------- */
  --npa-white:       #FFFFFF;  /* Alb clinic - fundal principal */
  --npa-bg-alt:      #F7FAFC;  /* Gri foarte deschis - carduri, sectiuni */
  --npa-text:        #1F2933;  /* Gri inchis - titluri, text dens */
  --npa-muted:       #4A4A4A;  /* Gri text - descrieri, note */

  /* Neutre derivate, pentru linii si straturi intermediare */
  --npa-text-2:      #33414F;
  --npa-muted-2:     #6B7280;
  --npa-placeholder: #9AA5B1;
  --npa-line:        #E3E9EE;
  --npa-line-strong: #C7D2DA;
  --npa-line-soft:   #EEF2F5;
  --npa-bg:          var(--npa-white);
  --npa-bg-alt-2:    #EBF0F4;
  --npa-bg-tint:     #F0F5F8;
  --npa-on-navy:     #C3D2DE;
  --npa-on-navy-dim: #93A8B8;

  /* Avertizari. Manual 3.2: rosul se foloseste EXCLUSIV pentru erori
     si mesaje medicale unde este justificat - niciodata decorativ. */
  --npa-warn:        #F0A92B;
  --npa-error:       #C0392B;
  --npa-whatsapp:    #25D366;

  /* Compatibilitate cu numele vechi din foile de stil */
  --npa-ink:         var(--npa-text);
  --npa-teal-mid:    var(--npa-teal);
  --npa-teal-bright: var(--npa-teal);
  --npa-cyan-soft:   var(--npa-cyan);
  --npa-amber:       var(--npa-warn);

  /* --- Tipografie (manual 4.1 si 4.2) ------------------------------------
     Montserrat pentru titluri, subtitluri si butoane.
     Open Sans pentru text curent, articole si explicatii medicale.
     Manual: nu se combina mai mult de doua familii de fonturi. */
  --npa-font:        'Open Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Arial, sans-serif;
  --npa-font-head:   'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Arial, sans-serif;
  --npa-font-serif:  var(--npa-font-head);

  --npa-fs-xs:       11.5px;
  --npa-fs-sm:       12.5px;
  --npa-fs-base:     15px;
  --npa-fs-md:       16px;
  --npa-fs-lg:       19px;
  --npa-fs-xl:       24px;
  --npa-fs-2xl:      30px;
  --npa-fs-3xl:      42px;
  --npa-lh:          1.6;

  /* --- Forme -------------------------------------------------------------
     Manual 2.1: colturi rotunjite, mult spatiu alb, umbre discrete. */
  --npa-radius-sm:   8px;
  --npa-radius-btn:  6px;
  --npa-radius-xl:   26px;
  --npa-radius:      10px;
  --npa-radius-md:   14px;
  --npa-radius-lg:   16px;
  --npa-radius-pill: 999px;
  --npa-container:   1320px;
  --npa-gutter:      32px;

  --npa-shadow-sm:   0 1px 0 var(--npa-line);
  --npa-shadow:      0 10px 24px -18px rgba(11,42,74,.4);
  --npa-shadow-lg:   0 24px 40px -24px rgba(11,42,74,.26);
}

@media (max-width: 900px) {
  :root {
    --npa-gutter: 16px;
    --npa-fs-3xl: 30px;
    --npa-fs-2xl: 25px;
    --npa-fs-xl:  22px;
  }
}