/* Pulse Design System - Shared CSS Variables Source of truth for all pages (Contacts, Outreach, etc.) Themes override these via data-theme on (see themes.css) */ :root { /* Layout */ --sidebar-w: 232px; --sidebar-w-folded: 56px; /* Accent */ --accent: #6366f1; --accent-hover: #4f46e5; --accent-light: #eef2ff; --accent-muted: #a5b4fc; --accent-subtle: rgba(99,102,241,.06); --accent-glow: rgba(99,102,241,.15); /* Backgrounds */ --bg: #f4f5f7; --bg-card: #ffffff; --bg-hover: #f0f1f4; --bg-active: #eef2ff; /* Borders */ --border: #e4e5e9; --border-light: #eff0f3; /* Text */ --text: #111827; --text-secondary: #6b7280; --text-muted: #9ca3af; /* Semantic */ --success: #10b981; --success-bg: #ecfdf5; --warning: #f59e0b; --warning-bg: #fffbeb; --danger: #ef4444; --danger-bg: #fef2f2; --info: #3b82f6; --info-bg: #eff6ff; /* Radii */ --radius: 8px; --radius-sm: 6px; --radius-lg: 12px; --radius-xl: 16px; /* Shadows */ --shadow-sm: 0 1px 2px rgba(0,0,0,.04); --shadow: 0 1px 3px rgba(0,0,0,.06), 0 1px 2px rgba(0,0,0,.04); --shadow-md: 0 4px 6px -1px rgba(0,0,0,.06), 0 2px 4px -2px rgba(0,0,0,.04); --shadow-lg: 0 8px 24px rgba(0,0,0,.08); --shadow-xl: 0 20px 50px rgba(0,0,0,.12); /* Animation */ --transition: 200ms ease; --ease-out: cubic-bezier(0.16, 1, 0.3, 1); --ease-spring: cubic-bezier(0.34, 1.56, 0.64, 1); --dur-fast: 120ms; --dur-normal: 200ms; --dur-slow: 350ms; /* Z-index scale */ --z-sticky: 10; --z-dropdown: 100; --z-overlay: 200; --z-modal: 300; --z-toast: 400; /* Typography */ --font: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; --font-mono: 'JetBrains Mono', 'SF Mono', 'Fira Code', monospace; /* ── Backward-compatible aliases for Contacts CSS ── */ --bg-primary: var(--bg); --bg-secondary: var(--bg-card); --bg-tertiary: var(--bg-hover); --bg-elevated: var(--bg-card); --text-primary: var(--text); --border-color: var(--border); --border-subtle: var(--border-light); --error: var(--danger); --accent-soft: var(--accent-subtle); --font-sans: var(--font); --sticky-shadow: var(--shadow-md); --card-shadow: var(--shadow-sm); }