/* ============================================================
   GESTIONE ORE v2 — Design tokens
   Stile: superfici chiare, accenti blu/verde (logo), sidebar navy.
   ============================================================ */

:root{
  /* Palette base (estratta dal logo Gestione Ore) */
  --blue:        #0B6FD1;
  --blue-deep:   #0857A8;
  --blue-soft:   #E7F1FD;
  --blue-soft2:  #D6E8FB;

  --green:       #3FAE5C;
  --green-deep:  #2E8A46;
  --green-soft:  #E8F8EC;
  --green-soft2: #D7F1DD;

  --amber:       #C2570C;
  --amber-soft:  #FFF1E6;
  --red:         #B42318;
  --red-soft:    #FEF3F2;
  --red-border:  #FECDCA;

  --grad: linear-gradient(135deg, var(--blue), var(--green));

  /* Neutri / superfici */
  --bg:           #F6F9FC;
  --surface:      #FFFFFF;
  --surface-alt:  #FAFBFD;
  --border:       #E7ECF3;
  --border-strong:#DCE3ED;
  --text:         #101828;
  --muted:        #667085;
  --muted-2:      #98A2B3;

  /* Sidebar (navy, ancora di marca) */
  --navy:   #0E1B2E;
  --navy-2: #16263F;

  /* Raggi */
  --radius-lg: 20px;
  --radius-md: 14px;
  --radius-sm: 10px;
  --radius-xs: 7px;

  /* Ombre */
  --shadow-sm: 0 1px 2px rgba(16,24,40,.04);
  --shadow-md: 0 10px 28px rgba(16,24,40,.07);
  --shadow-lg: 0 20px 50px rgba(16,24,40,.12);
  --shadow-blue: 0 10px 24px rgba(11,111,209,.22);
  --shadow-green:0 10px 24px rgba(63,174,92,.22);

  /* Tipografia */
  --font-display: 'Manrope', sans-serif;
  --font-body:    'Inter', sans-serif;
  --font-mono:    'DM Mono', monospace;

  /* Transizioni */
  --ease: cubic-bezier(.2,.7,.2,1);
  --t-fast: .15s;
  --t-med:  .25s;
}

*,*::before,*::after{ box-sizing:border-box; }
html,body{ margin:0; padding:0; }
body{
  font-family:var(--font-body);
  color:var(--text);
  background:var(--bg);
  -webkit-font-smoothing:antialiased;
}
a{ color:inherit; text-decoration:none; }
button{ font-family:inherit; }

/* Scrollbar discreta */
::-webkit-scrollbar{ width:10px; height:10px; }
::-webkit-scrollbar-track{ background:transparent; }
::-webkit-scrollbar-thumb{ background:var(--border-strong); border-radius:99px; }
::-webkit-scrollbar-thumb:hover{ background:var(--muted-2); }

/* Riduzione movimento per chi lo richiede */
@media (prefers-reduced-motion: reduce){
  *,*::before,*::after{ animation-duration:.01ms !important; animation-iteration-count:1 !important; transition-duration:.01ms !important; }
}