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

:root {
  --primary: #6366f1;
  --primary-dark: #4f46e5;
  --primary-light: #818cf8;
  --accent: #a855f7;
  --accent-soft: #c084fc;
  --bg: #0a0a0f;
  --bg-soft: #12121a;
  --bg-card: #1a1a24;
  --bg-sidebar: #12121a;
  --text: #f0f0f5;
  --text-soft: #a0a0b0;
  --text-on-primary: #ffffff;
  --border: #2a2a3a;
  --border-light: #222230;
  --success: #22c55e;
  --danger: #ef4444;
  --warning: #f59e0b;
  --unread: #818cf8;
  --font-heading: "Inter", -apple-system, sans-serif;
  --font-body: "Inter", -apple-system, sans-serif;
  --font-mono: "JetBrains Mono", "SFMono-Regular", monospace;
  --logo-url: url("/assets/clawpad-logo.png");
  --logo-width: 28px;
  --logo-height: 28px;
  --brand-name: "ClawPad Mail";
  --btn-primary-bg: linear-gradient(135deg, #6366f1, #a855f7, #ec4899);
  --btn-primary-text: #ffffff;
  --btn-hover-lift: -2px;
  --radius: 8px;
  --radius-lg: 12px;
  --shadow-card: 0 1px 4px rgba(0, 0, 0, 0.3);
  --shadow-dropdown: 0 4px 16px rgba(0, 0, 0, 0.4);
  --topbar-blur: blur(16px);
}