/* Asempera Hub · tema: SINGURUL loc al culorilor. O singură temă, închisă, din marca Asempera.
   Valorile vin din macheta aprobată (macheta Opus v2, `paleta.md`): fundalul e petrolul documentelor (#16222E), suprafețele
   și liniile sunt aceeași nuanță (210°) pe trepte de lumină, accentul e tealul mărcii (#2FA79B). Verdele mărcii (#306943)
   rămâne numai în semn (iconița aplicației); pe închis logoul e alb.
   Restul stilurilor folosesc numai variabilele de aici (`probe/proba-tema.mjs` pică pe o culoare scrisă în altă parte).
   Contrastul fiecărei perechi text–fundal folosite e de cel puțin 4,5:1 (măsurat de aceeași probă). */
:root {
  /* marca, neschimbată */
  --petrol: #16222E;
  --teal: #2FA79B;
  --marca: #306943;

  /* fundalurile, suprafețele, liniile */
  --bg-0: #0F1821;
  --bg: #16222E;
  --surface: #1D2A37;
  --surface-2: #243240;
  --surface-3: #2C3C4C;
  --raised: #253443;
  --line: #314151;
  --line-2: #4C5E70;
  --camp: #16222E;
  --chenar-camp: #6B8296;
  --sus-fond: rgba(22, 34, 46, .94);
  --trecere: rgba(231, 238, 243, .06);
  --voal: rgba(8, 14, 20, .66);

  /* textul */
  --ink: #E7EEF3;
  --ink-2: #BCC8D2;
  --ink-3: #98A8B3;
  --alb: #FFFFFF;

  /* accentul */
  --teal-2: #36BFB1;
  --teal-ink: #6CD0C6;
  --teal-soft: #193E3A;
  --teal-soft-2: #2C6D66;
  --teal-activ: rgba(47, 167, 155, .16);
  --teal-umbra: rgba(47, 167, 155, .28);
  --teal-selectie: rgba(47, 167, 155, .45);
  --focus: rgba(108, 208, 198, .8);
  --on-teal: #08211F;

  /* stările */
  --blue: #5E99D4;
  --blue-ink: #9AC4EF;
  --blue-soft: #213850;
  --blue-line: #355C82;
  --amber: #EFA525;
  --amber-ink: #F6B951;
  --amber-soft: #3B2E17;
  --amber-line: #72582C;
  --red: #DB4F43;
  --red-ink: #F38B82;
  --red-soft: #401F1C;
  --red-line: #793A34;
  --red-badge: #D52F20;
  --violet: #9079D8;
  --violet-ink: #C0AFF4;
  --violet-soft: #302749;
  --violet-line: #52447E;

  /* cercurile cu inițiale (text alb pe ele) */
  --av-1: #2F5D7C;
  --av-2: #6B4E8A;
  --av-3: #1F7A70;
  --av-4: #8A5A1F;
  --av-5: #A23B5A;
  --av-6: #5A6874;

  /* codul QR stă pe alb, ca să-l citească orice telefon */
  --hartie: #FFFFFF;

  --umbra: 0 1px 2px rgba(0, 0, 0, .28), 0 1px 3px rgba(0, 0, 0, .16);
  --umbra-l: 0 18px 48px rgba(0, 0, 0, .55), 0 2px 6px rgba(0, 0, 0, .3);
  color-scheme: dark;
}