/* =====================================================================
   România Transparentă — design tokens
   Singura sursă pentru culori, tipografie, spațiere, colțuri, umbre.
   Nicio altă culoare nu apare în CSS în afara celor de aici.
   ===================================================================== */
:root {
  /* ---------- paleta brandbook v2 ---------- */
  --rt-navy:   #0A2257;
  --rt-ink:    #120C0C;
  --rt-paper:  #F6F6F6;
  --rt-white:  #FFFFFF;
  --rt-blue:   #2F66C4;
  --rt-yellow: #F2C41A;
  --rt-red:    #E0454F;
  --rt-green:  #64AF62;
  --rt-gray:   #5C6270;
  --rt-line:   #E3E5EA;
  /* scara secvențială pentru date */
  --rt-data-1: #DCE6F6;
  --rt-data-2: #A8C0EA;
  --rt-data-3: #6A94D8;
  --rt-data-4: #2F66C4;
  --rt-data-5: #0A2257;

  /* ---------- roluri (folosește-le pe acestea în componente) ---------- */
  --rt-bg:              var(--rt-white);
  --rt-bg-alt:          var(--rt-paper);
  --rt-surface:         var(--rt-white);
  --rt-surface-dark:    var(--rt-navy);
  --rt-text:            var(--rt-ink);
  --rt-text-strong:     var(--rt-navy);
  --rt-text-muted:      var(--rt-gray);
  --rt-text-on-dark:    var(--rt-white);
  --rt-text-on-dark-2:  rgba(255, 255, 255, .85);   /* text secundar pe navy: 11:1 */
  --rt-link:            var(--rt-blue);              /* doar pe alb sau gri deschis */
  --rt-accent:          var(--rt-blue);              /* hover pe fundal deschis */
  --rt-accent-on-dark:  var(--rt-yellow);            /* hover pe navy */
  --rt-border:          var(--rt-line);
  --rt-border-strong:   var(--rt-navy);
  --rt-border-on-dark:  rgba(255, 255, 255, .18);
  --rt-focus:           var(--rt-blue);
  --rt-focus-on-dark:   var(--rt-yellow);
  --rt-hover-tint:      rgba(10, 34, 87, .08);
  --rt-hover-tint-dark: rgba(255, 255, 255, .12);

  /* stări: pe fundal deschis — nuanță de fundal, icon și text navy/negru */
  --rt-status-ok:   rgba(100, 175, 98, .24);
  --rt-status-wip:  rgba(242, 196, 26, .30);
  --rt-status-plan: rgba(92, 98, 112, .12);
  --rt-status-bad:  rgba(224, 69, 79, .15);
  /* stări: pe navy — culoare plină, text navy */
  --rt-status-ok-solid:   var(--rt-green);
  --rt-status-wip-solid:  var(--rt-yellow);
  --rt-status-plan-solid: var(--rt-white);
  --rt-status-bad-solid:  var(--rt-white);

  /* ---------- tipografie ---------- */
  --rt-font: "RT Gotham", "Montserrat", system-ui, sans-serif;
  --rt-font-mono: ui-monospace, Menlo, monospace;
  --rt-fw-book: 400;
  --rt-fw-medium: 500;
  --rt-fw-bold: 700;
  --rt-fw-black: 900;
  /* scară fluidă: mobil → desktop */
  --rt-fs-display: clamp(2.375rem, 1.55rem + 3.2vw, 4rem);      /* 38 → 64 */
  --rt-fs-h1:      clamp(2rem, 1.45rem + 2.2vw, 3.5rem);         /* 32 → 56 */
  --rt-fs-h2:      clamp(1.75rem, 1.45rem + 1.2vw, 2.25rem);     /* 28 → 36 */
  --rt-fs-h3:      clamp(1.25rem, 1.15rem + .4vw, 1.5rem);       /* 20 → 24 */
  --rt-fs-lead:    clamp(1.125rem, 1.07rem + .25vw, 1.25rem);    /* 18 → 20 */
  --rt-fs-body:    1rem;       /* 16 */
  --rt-fs-body-lg: 1.0625rem;  /* 17 */
  --rt-fs-sm:      .9375rem;   /* 15 */
  --rt-fs-xs:      .875rem;    /* 14 */
  --rt-fs-label:   .8125rem;   /* 13 — minimul absolut */
  --rt-fs-num-xl:  clamp(2.5rem, 2rem + 2vw, 4rem);
  --rt-fs-num-l:   clamp(2.125rem, 1.9rem + .9vw, 2.5rem);
  --rt-lh-tight: 1.05;
  --rt-lh-snug: 1.2;
  --rt-lh-body: 1.5;
  --rt-ls-display: -.02em;
  --rt-ls-label: .14em;

  /* ---------- spațiere (pas de 4 px) ---------- */
  --rt-s-1: 4px;  --rt-s-2: 8px;   --rt-s-3: 12px;  --rt-s-4: 16px;
  --rt-s-5: 20px; --rt-s-6: 24px;  --rt-s-8: 32px;  --rt-s-10: 40px;
  --rt-s-12: 48px; --rt-s-14: 56px; --rt-s-16: 64px; --rt-s-20: 80px; --rt-s-24: 96px;

  /* ---------- colțuri ---------- */
  --rt-r-sm: 8px; --rt-r-md: 12px; --rt-r-lg: 16px; --rt-r-xl: 20px; --rt-r-2xl: 28px; --rt-r-pill: 999px;

  /* ---------- umbre ---------- */
  --rt-shadow-card:  0 0 0 1px var(--rt-line), 0 8px 24px rgba(10, 34, 87, .05);
  --rt-shadow-float: 0 0 0 1px var(--rt-line), 0 8px 24px rgba(10, 34, 87, .08);
  --rt-shadow-panel: 0 0 0 1px var(--rt-line), 0 24px 60px rgba(10, 34, 87, .18);
  --rt-shadow-fab:   0 10px 30px rgba(10, 34, 87, .28);

  /* ---------- așezare ---------- */
  --rt-container: 1200px;
  --rt-gutter: clamp(20px, 4vw, 56px);
  --rt-header-h: 64px;
  --rt-bar-h: 60px;
  --rt-tap: 44px;              /* țintă minimă de atingere */

  /* ---------- mișcare ---------- */
  --rt-dur: 150ms;
  --rt-ease: cubic-bezier(.2, .7, .2, 1);

  /* ---------- straturi ---------- */
  --rt-z-header: 50; --rt-z-dropdown: 60; --rt-z-mnav: 70; --rt-z-report: 80;
}

@media (prefers-reduced-motion: reduce) {
  :root { --rt-dur: 0ms; }
}