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

:root {
  --primary: #1f4fa3;
  --primary-dark: #183d80;
  --primary-light: #2f7cf6;
  --accent: #2f7cf6;
  --accent-soft: #a3c4f7;
  --bg: #f8fafe;
  --bg-soft: #f2f6fc;
  --bg-card: #ffffff;
  --bg-sidebar: #f0f4fa;
  --text: #13233a;
  --text-soft: #5a6b80;
  --text-on-primary: #ffffff;
  --border: #d0daea;
  --border-light: #e4ecf5;
  --success: #16a34a;
  --danger: #dc2626;
  --warning: #d97706;
  --unread: #1f4fa3;
  --font-heading: "Space Grotesk", -apple-system, sans-serif;
  --font-body: "Inter", -apple-system, sans-serif;
  --font-mono: "SFMono-Regular", Consolas, monospace;
  --logo-url: none;
  --logo-width: 0;
  --logo-height: 0;
  --brand-name: "MarketDirect Mail";
  --brand-name-font: "Space Grotesk";
  --brand-name-weight: 700;
  --brand-name-tracking: 0.02em;
  --btn-primary-bg: linear-gradient(180deg, #2f7cf6, #1f4fa3);
  --btn-primary-text: #ffffff;
  --btn-hover-lift: -1px;
  --radius: 8px;
  --radius-lg: 16px;
  --shadow-card: 0 1px 3px rgba(19, 35, 58, 0.06);
  --shadow-dropdown: 0 4px 12px rgba(19, 35, 58, 0.1);
  --topbar-blur: blur(12px);
}