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

:root {
  --primary: #7c3aed;
  --primary-dark: #5b21b6;
  --primary-light: #a78bfa;
  --accent: #22d3ee;
  --accent-soft: #a5f3fc;
  --sage: #8b8fa3;
  --bg: #f5f3ff;
  --bg-soft: #faf8ff;
  --bg-card: #ffffff;
  --bg-sidebar: #ede9fe;
  --text: #120b20;
  --text-soft: #5b5675;
  --text-on-primary: #f5f3ff;
  --border: #d8d0e8;
  --border-light: #e9e3f5;
  --success: #10b981;
  --danger: #ef4444;
  --warning: #f59e0b;
  --unread: #7c3aed;
  --font-heading: "Inter", "Segoe UI", sans-serif;
  --font-body: "Inter", "Segoe UI", sans-serif;
  --font-mono: "JetBrains Mono", "SFMono-Regular", Consolas, monospace;
  --logo-url: url("/assets/disruptivetech-logo.svg");
  --logo-width: 32px;
  --logo-height: 32px;
  --brand-name: "DisruptiveTech Mail";
  --btn-primary-bg: linear-gradient(135deg, #5b21b6, #7c3aed);
  --btn-primary-text: #f5f3ff;
  --btn-hover-lift: -2px;
  --radius: 8px;
  --radius-lg: 12px;
  --shadow-card: 0 1px 3px rgba(18, 11, 32, 0.08);
  --shadow-dropdown: 0 4px 12px rgba(18, 11, 32, 0.12);
  --topbar-blur: blur(12px);
}