/* ============================================================
   THE MARKET LAB — tokens
   SINGURA sursă de culori și fonturi, pentru site ȘI pentru panou.
   Schimbi aici → se schimbă peste tot. Se încarcă înaintea lui base.css.
   ============================================================ */

:root {
  /* Paletă */
  --void:        #080809;
  --surface:     #1A1A1D;
  --ink:         #E6E1D9;
  /* Etichetele mono. Era #77777A — 3.9:1 pe fundal, sub pragul WCAG AA de 4.5:1
     pentru text mic. Ridicat la #9A9A9E, care trece. */
  --ink-dim:     #9A9A9E;
  --red:         #9B2935;
  --red-deep:    #5E1F27;
  /* Tentă aprinsă a accentului — doar pentru glow și tipografie mare */
  --red-hot:     #CE3644;

  /* Derivate (opacități ale culorilor de mai sus) */
  --hairline:    rgba(230, 225, 217, 0.08);
  --hairline-2:  rgba(230, 225, 217, 0.16);
  /* Textul de corp. Numele vine de la opacitatea inițială, 0.70; e ridicată la
     0.78, minimul pe care îl vrem pentru text care chiar trebuie citit. */
  --ink-70:      rgba(230, 225, 217, 0.78);
  /* DOAR decor: linii, semne, stări inactive. Niciodată text de citit. */
  --ink-45:      rgba(230, 225, 217, 0.45);

  /* Sticlă */
  --glass:       rgba(20, 20, 23, 0.55);
  --glass-soft:  rgba(26, 26, 29, 0.38);
  --glass-brd:   rgba(230, 225, 217, 0.09);
  --glass-lift:  inset 0 1px 0 rgba(230, 225, 217, 0.07);

  /* Rază */
  --r-md: 20px;
  --r-lg: 28px;

  /* Tipografie */
  --f-display: "Oswald", "Haettenschweiler", "Arial Narrow", sans-serif;
  --f-sans:    "Inter Tight", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --f-mono:    "IBM Plex Mono", ui-monospace, "SF Mono", Menlo, monospace;

  /* Ritm */
  --gutter:  clamp(1.25rem, 4.5vw, 4.5rem);
  --measure: 1240px;

  /* Mișcare */
  --ease:      cubic-bezier(0.16, 1, 0.30, 1);
  --ease-soft: cubic-bezier(0.33, 0, 0.15, 1);

  /* Roșuri care existau în fișiere fără variabilă */
  --red-mid:     #C9333F;   /* SVG-uri din HTML, tunel, butoane */
  --red-dark:    #7C2029;   /* umbre, contururi adânci */

  /* Semantic: direcție. DOAR pentru creștere / scădere — nicăieri altundeva.
     Scăderea e intenționat mai palidă și mai rece decât roșul de brand (--red),
     ca „ziua asta a fost slabă” să nu se confunde cu „ăsta e stilul site-ului”. */
  --up:          #6FA287;   /* verde salvie, stins, cald ca --ink */
  --down:        #B5646E;   /* roz-prăfuit */

  /* Semnalizări în panou — intenționat în afara paletei de brand */
  --seed:        #C9A24A;   /* eticheta „test” pe datele fictive */
  --warn:        #E0A62E;   /* „expiră curând”, „în așteptare” */
  --on-red:      #FFFFFF;   /* text pe butoane roșii */
  --backdrop:    rgba(0, 0, 0, 0.55);   /* fundalul din spatele ferestrelor de dialog */
  --shadow:      rgba(0, 0, 0, 0.35);   /* umbra notificărilor scurte */
}

/* Tema deschisă a panoului. Site-ul nu o folosește (nu setează data-theme).
   Valori alese pentru fundal deschis, nu inversate mecanic. */
:root[data-theme="light"] {
  --void:        #F2F0EC;
  --surface:     #FFFFFF;
  --ink:         #1E1B1A;
  --ink-dim:     #6B6866;
  --hairline:    rgba(30, 27, 26, 0.09);
  --hairline-2:  rgba(30, 27, 26, 0.17);
  --ink-70:      rgba(30, 27, 26, 0.78);
  --ink-45:      rgba(30, 27, 26, 0.45);
  --glass:       rgba(255, 255, 255, 0.6);
  --glass-soft:  rgba(255, 255, 255, 0.4);
  --glass-brd:   rgba(30, 27, 26, 0.1);
  --up:          #3E8A66;
  --down:        #B24A58;
  --seed:        #8A6A1A;
  --warn:        #A8741A;
  --backdrop:    rgba(30, 27, 26, 0.45);
  --shadow:      rgba(30, 27, 26, 0.18);
}