/* MurphFin — dark-variables.css */


/* ═══════════════════════════════════════════════════════
   DARK THEME — Area clienti autenticata (body.app-auth)
   Zero !important — tutte le variabili si propagano
   ═══════════════════════════════════════════════════════ */

body.app-auth {
  /* ── Palette dark ── */
  --brand-navy:        #5B8EC9;   /* visibile come testo su dark */
  --brand-navy-dark:   #0E1420;   /* sfondo topbar - resta scuro */
  --brand-red:         #C8281F;
  --brand-blue:        #3B82C4;
  --brand-success:     #22A05B;
  --brand-danger:      #C8281F;
  --brand-warning:     #D4920A;

  --brand-text:        #F0EDE7;
  --brand-muted:       #A8A49E;
  --brand-border:      #252525;
  --brand-bg:          #0A0A0A;
  --brand-surface:     #111111;
  --brand-surface-alt: #181818;
  --brand-gray-50:     #181818;
  --brand-gray-100:    #202020;
  --brand-gray-200:    #303030;
  --brand-gray-300:    #3D3D3D;
  --brand-border-light: #303030;
  --brand-gray-400:    #A8A49E;
  --brand-gray-500:    #B5B0AA;
  --brand-success-bg:  rgba(34, 160, 91, 0.10);
  --brand-success-dark: #22A05B;
  --brand-danger-bg:   rgba(200, 40, 31, 0.10);
  --brand-danger-dark: #C8281F;
  --brand-info-bg:     rgba(59, 130, 196, 0.10);
  --brand-warning-bg:  rgba(212, 146, 10, 0.10);

  /* ── Layout ── */
  --sidebar-w: 200px;
  --sidebar-collapsed-w: 52px;
  --header-h: 40px;
  --footer-auth-h: 60px;
  --radius: 0;
  --radius-sm: 0;

  /* ── Font families ── */
  --font-head: 'Barlow Condensed', sans-serif;
  --font-mono: 'JetBrains Mono', monospace;
  --font-body: 'Inter', sans-serif;

  /* ── Brand accents ── */
  --brand-teal: #1A9E8A;
  --brand-purple: #8B5CF6;
  --brand-nvidia: #76B900;

  /* ── Backward-compat aliases ── */
  --fisit-blue:        var(--brand-navy);
  --fisit-red:         var(--brand-red);
  --fisit-accent:      var(--brand-blue);
  --fisit-bg:          var(--brand-bg);
  --fisit-surface:     var(--brand-surface);
  --fisit-surface-alt: var(--brand-surface-alt);
  --fisit-text:        var(--brand-text);
  --fisit-muted:       var(--brand-muted);
  --fisit-border:      var(--brand-border);
  --fisit-gray:        var(--brand-gray-400);
  --fisit-light:       #202020;
  --fisit-success:     var(--brand-success);
  --fisit-success-bg:  var(--brand-success-bg);
  --fisit-success-dark: var(--brand-success-dark);
  --fisit-danger:      var(--brand-danger);
  --fisit-danger-bg:   var(--brand-danger-bg);
  --fisit-danger-dark: var(--brand-danger-dark);
  --fisit-info-bg:     var(--brand-info-bg);
  --fisit-warning:     var(--brand-warning);
  --fisit-line:        var(--brand-border);

  --adm-navy:          var(--brand-navy);
  --adm-accent:        var(--brand-blue);
  --adm-success:       var(--brand-success);
  --adm-danger:        var(--brand-danger);
  --adm-warning:       var(--brand-warning);
  --adm-purple:        #8b5cf6;
  --adm-text:          var(--brand-text);
  --adm-muted:         var(--brand-muted);
  --adm-border:        var(--brand-border);
  --adm-bg:            var(--brand-bg);
  --adm-surface:       var(--brand-surface);
  --adm-surface-alt:   var(--brand-surface-alt);

  /* ── Base ── */
  background: var(--brand-bg);
  color: var(--brand-text);
  font-family: var(--font-body);
  font-size: 14px;
}