/* ============================================================
   Dashboard T&I — Token di brand (Gobid Group)
   Sottoinsieme di colors_and_type.css del Design System Gobid Group
   + estensioni dashboard (stati progetto, priorità).
   Nunito Sans caricato da Google Fonts in index.html.
   ============================================================ */

:root {
  /* -------- Palette brand -------- */
  --gg-yellow:        #FEC426;   /* Pantone 129 C — accento primario */
  --gg-yellow-hover:  #E7B01B;
  --gg-yellow-tint:   #FFF3CE;
  --gg-black:         #000000;
  --gg-white:         #FFFFFF;

  /* -------- Neutri (cool) -------- */
  --gg-ink:           #121212;
  --gg-gray-900:      #1F1F1F;
  --gg-gray-700:      #3B3B3B;
  --gg-gray-500:      #6E6E6E;
  --gg-gray-300:      #BFBFBF;
  --gg-gray-200:      #E4E4E4;
  --gg-gray-100:      #F1F1F1;
  --gg-gray-50:       #F7F7F7;

  /* -------- Semantici -------- */
  --color-bg:            var(--gg-white);
  --color-bg-alt:        var(--gg-gray-50);
  --color-bg-invert:     var(--gg-black);
  --color-fg:            var(--gg-ink);
  --color-fg-muted:      var(--gg-gray-500);
  --color-fg-invert:     var(--gg-white);
  --color-border:        var(--gg-gray-200);
  --color-border-strong: var(--gg-gray-300);
  --color-accent:        var(--gg-yellow);
  --color-accent-fg:     var(--gg-black);

  /* -------- Feedback -------- */
  --color-success:     #1E8F5F;
  --color-warning:     #E7B01B;
  --color-danger:      #C93A2A;
  --color-info:        #2D6CDF;
  --color-teal:        #007377;

  /* -------- Stati progetto (dashboard) -------- */
  --stato-in_corso:    #2D6CDF;
  --stato-revisione:   #E7B01B;
  --stato-test:        #007377;
  --stato-completato:  #1E8F5F;
  --stato-fermo:       #C93A2A;

  /* -------- Priorità (dashboard) -------- */
  --prio-alta:    #C93A2A;
  --prio-media:   #E7B01B;
  --prio-bassa:   #6E6E6E;

  /* -------- Type -------- */
  --font-sans: "Nunito Sans", system-ui, -apple-system, "Segoe UI", Helvetica, Arial, sans-serif;
  --font-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;

  --fs-12: 0.75rem;
  --fs-14: 0.875rem;
  --fs-16: 1rem;
  --fs-18: 1.125rem;
  --fs-20: 1.25rem;
  --fs-24: 1.5rem;
  --fs-30: 1.875rem;
  --fs-38: 2.375rem;

  --fw-light:    300;
  --fw-regular:  400;
  --fw-medium:   500;
  --fw-semibold: 600;
  --fw-bold:     700;
  --fw-extra:    800;
  --fw-black:    900;

  --lh-tight:   1.08;
  --lh-snug:    1.2;
  --lh-normal:  1.45;
  --lh-relaxed: 1.6;

  --tr-tight:    -0.02em;
  --tr-wide:      0.04em;
  --tr-allcaps:   0.08em;

  /* -------- Spacing (4-pt grid) -------- */
  --sp-1:   4px;
  --sp-2:   8px;
  --sp-3:  12px;
  --sp-4:  16px;
  --sp-5:  20px;
  --sp-6:  24px;
  --sp-8:  32px;
  --sp-10: 40px;
  --sp-12: 48px;
  --sp-16: 64px;

  /* -------- Radii -------- */
  --radius-xs:  2px;
  --radius-sm:  4px;
  --radius-md:  8px;
  --radius-lg: 14px;
  --radius-pill: 999px;

  /* -------- Shadows -------- */
  --shadow-xs: 0 1px 2px rgba(0,0,0,0.06);
  --shadow-sm: 0 2px 6px rgba(0,0,0,0.08);
  --shadow-md: 0 6px 20px rgba(0,0,0,0.10);
  --shadow-lg: 0 14px 40px rgba(0,0,0,0.12);
  --shadow-focus: 0 0 0 3px rgba(254,196,38,0.40);

  /* -------- Motion -------- */
  --ease-out:    cubic-bezier(.22,.61,.36,1);
  --dur-fast:   140ms;
  --dur-base:   220ms;
}