/* ============================================================
   PortfolioMonitor Design Tokens
   ============================================================ */

:root {
  /* --- Palette base: Slate (sottotono blu freddo) --- */
  --pm-slate-50:  #F8F9FB;
  --pm-slate-100: #E8ECF2;
  --pm-slate-200: #C8D0DC;
  --pm-slate-300: #ADB6C4;
  --pm-slate-400: #98A3B5;
  --pm-slate-500: #7C879C;
  --pm-slate-600: #5E6B80;
  --pm-slate-800: #3A4455;
  --pm-slate-900: #1C2333;
  --pm-slate-950: #0F1520;

  /* --- Accento primario: Blue profondo --- */
  --pm-blue-50:  #EBF3FD;
  --pm-blue-100: #C5DDF8;
  --pm-blue-300: #90BFF0;
  --pm-blue-500: #2D7DD2;
  --pm-blue-700: #1A5EA8;
  --pm-blue-900: #0E3D70;

  /* --- Accento secondario: Teal (solo stati "In corso") --- */
  --pm-teal-50:  #ECFDF5;
  --pm-teal-100: #A7F0D8;
  --pm-teal-400: #34C0A0;
  --pm-teal-500: #0D9488;
  --pm-teal-700: #086B62;
  --pm-teal-900: #04423C;

  /* --- Semantica di stato --- */
  --pm-ok-bg:      #DCFCE7;
  --pm-ok-text:    #166534;
  --pm-ok-dot:     #16A34A;

  --pm-warn-bg:    #FEF9C3;
  --pm-warn-text:  #854D0E;
  --pm-warn-dot:   #CA8A04;

  --pm-err-bg:     #FEE2E2;
  --pm-err-text:   #991B1B;
  --pm-err-dot:    #DC2626;

  --pm-run-bg:     #ECFDF5;
  --pm-run-text:   #065F46;
  --pm-run-dot:    #0D9488;

  /* Run di integrazione partito e non ancora concluso: viola, distinto dal teal di
     "run" che colora già ambienti e refresh Power BI. */
  --pm-exec-bg:    #F3E8FF;
  --pm-exec-text:  #6B21A8;
  --pm-exec-dot:   #9333EA;

  /* Pianificazione sospesa dal portale: arancione, distinto dal giallo di warn. */
  --pm-sosp-bg:    #FFEDD5;
  --pm-sosp-text:  #C2410C;
  --pm-sosp-dot:   #EA580C;

  --pm-idle-bg:    #F1F5F9;
  --pm-idle-text:  #475569;
  --pm-idle-dot:   #94A3B8;

  /* --- Superfici --- */
  --pm-bg-app:     #F8F9FB;
  --pm-bg-card:    #FFFFFF;
  --pm-bg-row-alt: #FAFBFC;
  --pm-bg-sidebar: #1C2333;

  /* --- Bordi --- */
  --pm-border:     #C8D0DC;
  --pm-border-sub: #E8ECF2;
  --pm-border-row: #F8F9FB;

  /* --- Tipografia --- */
  --pm-font-sans:  -apple-system, 'Inter', 'Segoe UI', system-ui, sans-serif;
  --pm-font-mono:  ui-monospace, 'JetBrains Mono', 'Cascadia Code', 'Fira Code', monospace;

  /* --- Spacing scale (rem) --- */
  --pm-space-1:  0.25rem;
  --pm-space-2:  0.5rem;
  --pm-space-3:  0.75rem;
  --pm-space-4:  1rem;
  --pm-space-6:  1.5rem;
  --pm-space-8:  2rem;
  --pm-space-12: 3rem;

  /* --- Border radius --- */
  --pm-radius-sm: 4px;
  --pm-radius-md: 6px;
  --pm-radius-lg: 8px;
  --pm-radius-xl: 12px;

  /* --- Sidebar --- */
  --pm-sidebar-width:           220px;
  --pm-sidebar-width-collapsed: 52px;
  --pm-topbar-height:           52px;
}