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

:root {
  /* ===== Cores principais (NOVAS) ===== */
  --bg:             #E8E8E6;
  --bg-card:        #FFFFFF;
  --surface-bg:     #E8E8E6;
  --surface-card:   #FFFFFF;
  --surface-topbar: #FFFFFF;
  --surface-sidebar:#0F0F0F; /* legado — mantido p/ compat */

  /* ===== Sidebar glass (novo) ===== */
  --sidebar-glass-top:    rgba(244,240,254,.78);
  --sidebar-glass-bottom: rgba(232,232,230,.70);
  --sidebar-border:       rgba(15,15,15,.07);
  --sidebar-divider:      rgba(15,15,15,.06);
  --sidebar-text:         #0F0F0F;
  --sidebar-text-muted:   #6E6C66;
  --sidebar-text-faint:   #95938C;
  --sidebar-hover-bg:     rgba(199,184,250,.20);
  --sidebar-active-bg:    rgba(199,184,250,.42);
  --sidebar-active-icon:  #5A3FBE;

  /* ===== Texto (NOVOS) ===== */
  --text:           #0F0F0F;
  --text-secondary: #5A5A57;
  --text-muted:     #888780;
  --white:          #FFFFFF;

  /* ===== Bordas (NOVAS) ===== */
  --border:         rgba(15,15,15,.10);
  --border-strong:  #0F0F0F;
  --bw:             1px;

  /* ===== Cores de função (NOVAS) ===== */
  --lime:           #C5F94F;
  --lime-hover:     #B8EC42;
  --lime-dim:       #DFF59A;
  --lime-faint:     #F4FBE0;
  --lavender:       #C7B8FA;
  --lavender-soft:  #E4DCFD;
  --coral:          #FF6B5C;
  --coral-soft:     #FFD9D4;

  /* Compatibilidade reversa (não quebrar componentes legados) */
  --base:           var(--lavender);
  --base-light:     var(--lavender-soft);
  --base-faint:     #F4F0FE;
  --base-dark:      #6D4DC3;
  --base-darker:    #4F3399;
  --pink-light:     var(--coral-soft);
  --pink-hot:       var(--coral);
  --pink-faint:     #FFEFEC;

  /* ===== Status (mantidos) ===== */
  --status-confirm-bg:     #cff9d3;
  --status-confirm-text:   #166534;
  --status-confirm-border: #86efac;
  --status-cancel-bg:      #ffd6ed;
  --status-cancel-text:    #9d174d;
  --status-cancel-border:  #f9a8d4;
  --status-pending-bg:     #fdeeb0;
  --status-pending-text:   #713f12;
  --status-pending-border: #fcd34d;
  --status-noshow-bg:      #fee2e2;
  --status-noshow-text:    #991b1b;

  /* ===== Semânticas (mantidas) ===== */
  --success:        #16a34a;
  --success-light:  #dcfce7;
  --warning:        #d97706;
  --warning-light:  #fef3c7;
  --danger:         #dc2626;
  --danger-light:   #fee2e2;
  --info:           #2563eb;
  --info-light:     #dbeafe;

  /* ===== Charts (REVISTAS) ===== */
  --chart-1: var(--lime);
  --chart-2: var(--coral);
  --chart-3: var(--lavender);
  --chart-4: #6D4DC3;
  --chart-5: #5A5A57;

  /* ===== Tipografia (NOVA) ===== */
  --font-body:    'Inter Tight', sans-serif;
  --font-display: 'Inter Tight', sans-serif;
  --font-serif:   'Instrument Serif', Georgia, serif;
  --font-mono:    'JetBrains Mono', monospace;

  /* ===== Layout (mantido) ===== */
  --sidebar-width:     248px;
  --sidebar-collapsed: 68px;
  --topbar-height:     60px;

  /* ===== Espaçamento (mantido) ===== */
  --space-1:4px; --space-2:8px; --space-3:12px; --space-4:16px;
  --space-5:20px; --space-6:24px; --space-8:32px; --space-10:40px; --space-12:48px;

  /* ===== Radius (REFINADO) ===== */
  --radius-sm:  10px;
  --radius-md:  14px;
  --radius-lg:  18px;
  --radius-xl:  22px;
  --radius-full: 9999px;

  /* ===== Sombras (REFATORADAS — flat, exceto hard) ===== */
  --shadow-xs:  none;
  --shadow-sm:  none;
  --shadow-md:  none;
  --shadow-lg:  none;
  --shadow-hard:    3px 3px 0 var(--text);
  --shadow-hard-sm: 2px 2px 0 var(--text);

  /* ===== Easing (REFINADO) ===== */
  --ease-fast:    150ms ease;
  --ease-normal:  250ms ease;
  --ease-slow:    400ms cubic-bezier(.4,0,.2,1);
  --ease-bounce:  350ms cubic-bezier(.2,.9,.3,1.2);

  /* ===== Marca (mantida, recalibrada) ===== */
  --brand-navy:  #0F0F0F;
  --brand-blue:  var(--base-dark);
  --brand-azure: var(--base-dark);
  --brand-ice:   var(--lavender-soft);

  /* ===== Neutros (recalibrados pro bege) ===== */
  --neutral-50:  #F4F2EE;
  --neutral-100: var(--border);
  --neutral-200: #D0CEC8;
  --neutral-300: #B8B6B0;
  --neutral-400: var(--text-muted);
  --neutral-500: var(--text-secondary);
  --neutral-600: #3A3A38;
  --neutral-700: #2A2A28;
  --neutral-800: #1A1A18;
  --neutral-900: var(--text);
  --neutral-950: #07070A;
}
