/*
 * theme.css — Carbon Pro Design System
 * Nexnetic AI Manage
 *
 * Questo file è l'UNICO file da sostituire per cambiare tema visivo.
 * Contiene esclusivamente variabili di colore e font.
 * Le variabili strutturali (spacing, radius, shadows) sono in variables.css.
 *
 * Carbon Pro: slate #1e293b + amber #f59e0b
 */

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap');

:root {

  /* ============================================================
     SUPERFICI / BACKGROUNDS
     ============================================================ */
  --color-sidebar-bg:        #1e293b;
  --color-navbar-bg:         #1e293b;
  --color-bg-body:           #f8fafc;
  --color-bg-card:           #ffffff;
  --color-bg-card-alt:       #fdfdfe;   /* header interno carte */
  --color-bg-table-header:   #f8fafc;
  --color-bg-hover:          #fffbeb;   /* hover con tinta amber */
  --color-bg-input:          #ffffff;
  --color-bg-code:           #f1f5f9;   /* blocchi codice / token */

  /* ============================================================
     BORDI
     ============================================================ */
  --color-border:            #e2e8f0;
  --color-border-light:      #f1f5f9;
  --color-border-dark:       rgba(255, 255, 255, 0.06);  /* su superfici scure */
  --color-border-input:      #e2e8f0;
  --color-border-focus:      #f59e0b;   /* amber focus */

  /* ============================================================
     PRIMARIO — Amber
     ============================================================ */
  --color-primary:           #f59e0b;
  --color-primary-hover:     #fbbf24;
  --color-primary-bg:        rgba(245, 158, 11, 0.08);
  --color-primary-text:      #b45309;   /* testo amber su sfondo chiaro */

  /* ============================================================
     SIDEBAR
     ============================================================ */
  --color-sidebar-text:          rgba(255, 255, 255, 0.80);
  --color-sidebar-text-muted:    rgba(255, 255, 255, 0.35);
  --color-sidebar-hover-bg:      rgba(255, 255, 255, 0.06);
  --color-sidebar-active-bg:     rgba(245, 158, 11, 0.10);
  --color-sidebar-active-text:   #f59e0b;
  --color-sidebar-active-border: #f59e0b;
  --color-sidebar-badge-bg:      rgba(245, 158, 11, 0.15);
  --color-sidebar-badge-text:    #f59e0b;
  --color-sidebar-label:         rgba(255, 255, 255, 0.35);
  --color-sidebar-divider:       rgba(255, 255, 255, 0.06);

  /* ============================================================
     NAVBAR
     ============================================================ */
  --color-navbar-text:           rgba(255, 255, 255, 0.80);
  --color-navbar-text-muted:     rgba(255, 255, 255, 0.65);
  --color-navbar-hover-bg:       rgba(255, 255, 255, 0.06);
  --color-navbar-accent:         #f59e0b;
  --color-navbar-border:         rgba(255, 255, 255, 0.06);

  /* ============================================================
     TESTO
     ============================================================ */
  --color-text-primary:      #0f172a;
  --color-text-secondary:    #334155;
  --color-text-muted:        #64748b;
  --color-text-disabled:     #94a3b8;
  --color-text-placeholder:  #94a3b8;
  --color-text-inverse:      #ffffff;   /* testo su sfondo scuro */

  /* ============================================================
     SEMANTICO — Success
     ============================================================ */
  --color-success:           #22c55e;
  --color-success-bg:        #f0fdf4;
  --color-success-border:    #bbf7d0;
  --color-success-text:      #15803d;
  --color-success-dark:      #166534;

  /* ============================================================
     SEMANTICO — Danger / Error
     ============================================================ */
  --color-danger:            #ef4444;
  --color-danger-bg:         #fef2f2;
  --color-danger-border:     #fecaca;
  --color-danger-text:       #b91c1c;
  --color-danger-dark:       #991b1b;

  /* ============================================================
     SEMANTICO — Warning
     ============================================================ */
  --color-warning:           #f59e0b;
  --color-warning-bg:        #fffbeb;
  --color-warning-border:    #fde68a;
  --color-warning-text:      #b45309;
  --color-warning-dark:      #92400e;

  /* ============================================================
     SEMANTICO — Info
     ============================================================ */
  --color-info:              #3b82f6;
  --color-info-bg:           #eff6ff;
  --color-info-border:       #bfdbfe;
  --color-info-text:         #1d4ed8;
  --color-info-dark:         #1e40af;

  /* ============================================================
     SEMANTICO — Secondary / Neutral
     ============================================================ */
  --color-secondary:         #64748b;
  --color-secondary-bg:      #f1f5f9;
  --color-secondary-border:  #e2e8f0;
  --color-secondary-text:    #475569;

  /* ============================================================
     TIPOGRAFIA
     ============================================================ */
  --font-family-base:  'Inter', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --font-family-mono:  'Courier New', Courier, 'Liberation Mono', monospace;

  /* ============================================================
     ICONE STATUS (sfondi per icon badge)
     ============================================================ */
  --color-icon-slate-bg:     #f1f5f9;
  --color-icon-slate-text:   #475569;
  --color-icon-green-bg:     rgba(34, 197, 94, 0.10);
  --color-icon-green-text:   #15803d;
  --color-icon-blue-bg:      rgba(59, 130, 246, 0.10);
  --color-icon-blue-text:    #1d4ed8;
  --color-icon-amber-bg:     rgba(245, 158, 11, 0.10);
  --color-icon-amber-text:   #b45309;
  --color-icon-red-bg:       rgba(239, 68, 68, 0.10);
  --color-icon-red-text:     #b91c1c;

  /* ============================================================
     PERMISSION ICONS
     ============================================================ */
  --color-permission-active:   #f59e0b;
  --color-permission-inactive: #94a3b8;

  /* ============================================================
     STAR / FAVORITE
     ============================================================ */
  --color-star:              #f59e0b;

  /* ============================================================
     TRISTATE ICONS (permission inheritance states)
     ============================================================ */
  --color-tristate-inherit-off: #e8a0a8;   /* inherited permission OFF — muted red */
  --color-tristate-inherit-on:  #90c890;   /* inherited permission ON — muted green */

  /* ============================================================
     GRADI DI GRIGIO (per usi specifici)
     ============================================================ */
  --color-gray-50:   #f8fafc;
  --color-gray-100:  #f1f5f9;
  --color-gray-200:  #e2e8f0;
  --color-gray-300:  #cbd5e1;
  --color-gray-400:  #94a3b8;
  --color-gray-500:  #64748b;
  --color-gray-600:  #475569;
  --color-gray-700:  #334155;
  --color-gray-800:  #1e293b;
  --color-gray-900:  #0f172a;
  --color-white:     #ffffff;
  --color-black:     #000000;

}