/* MurphFin — variables.css */

/* ═══════════════════════════════════════════════════════
   MurphFin — Design System v2.0
   Notion-inspired, sidebar layout
   ═══════════════════════════════════════════════════════ */


/* ═══════ 1. VARIABLES ═══════ */

:root {
  /* Brand */
  --brand-navy: #1A2F5E;
  --brand-navy-dark: #0d1f3c;
  --brand-red: #C8281F;
  --brand-blue: #3b82f6;
  --brand-success: #16a34a;
  --brand-danger: #ef4444;
  --brand-warning: #f59e0b;
  --brand-nvidia: #76B900;
  --brand-navy-lighter: #2d4a7a;
  --brand-red-hover: #a01f18;
  --brand-purple: #8b5cf6;

  /* Neutrals */
  --brand-text: #1e293b;
  --brand-muted: #64748b;
  --brand-border: #e2e8f0;
  --brand-bg: #f8fafc;
  --brand-surface: #ffffff;
  --brand-surface-alt: #f1f5f9;
  --brand-gray-50: #f9fafb;
  --brand-gray-100: #f3f4f6;
  --brand-gray-200: #e5e7eb;
  --brand-gray-300: #d1d5db;
  --brand-border-light: #f1f3f5;
  --brand-gray-400: #9ca3af;
  --brand-gray-500: #6b7280;
  --brand-success-bg: #f0fdf4;
  --brand-success-dark: #166534;
  --brand-danger-bg: #fef2f2;
  --brand-danger-dark: #991b1b;
  --brand-info-bg: #eff6ff;
  --brand-warning-bg: #fefce8;

  /* Layout */
  --sidebar-w: 260px;
  --sidebar-collapsed-w: 62px;
  --header-h: 52px;
  --footer-auth-h: 58px;
  --radius: 0;
  --radius-sm: 0;

  /* Backward-compat aliases (--fisit-* used in ~27 templates) */
  --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-500);
  --fisit-light: var(--brand-gray-100);
  --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);

  /* CRM compat aliases (--adm-* used in ~10 templates) */
  --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);
}


/* ═══════ 2. BASE TYPOGRAPHY ═══════ */

body {
  font-family: 'Inter', sans-serif;
  background: var(--brand-bg);
  color: var(--brand-text);
  margin: 0;
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'Inter', sans-serif;
  font-weight: 700;
  letter-spacing: -0.02em;
  color: var(--brand-text);
}
h2 { font-size: 1.65rem; margin-bottom: 0.25rem; }
h2 i { font-size: 0.85em; opacity: 0.45; }
h3 { font-size: 1.2rem; }
h4 { font-size: 1.05rem; }
h5 { font-size: 0.95rem; }