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

:root {
  --primary: #275948;
  --primary-dark: #183e33;
  --primary-light: #3a7d66;
  --accent: #c8844d;
  --accent-soft: #efd0b1;
  --sage: #89a08f;
  --bg: #f4efe5;
  --bg-soft: #fbf8f1;
  --bg-card: #ffffff;
  --bg-sidebar: #eee8dc;
  --text: #14251f;
  --text-soft: #56655d;
  --text-on-primary: #f4efe5;
  --border: #d4cdc0;
  --border-light: #e8e2d6;
  --success: #2d8659;
  --danger: #c0392b;
  --warning: #d4a020;
  --unread: #275948;
  --font-heading: "Fraunces", Georgia, serif;
  --font-body: "Space Grotesk", "Segoe UI", sans-serif;
  --font-mono: "SFMono-Regular", Consolas, monospace;
  --logo-url: url("/assets/avaryn-mark.svg");
  --logo-width: 32px;
  --logo-height: 32px;
  --brand-name: "Avaryn Mail";
  --btn-primary-bg: linear-gradient(135deg, #1f4035, #2c644f);
  --btn-primary-text: #f4efe5;
  --btn-hover-lift: -2px;
  --radius: 8px;
  --radius-lg: 12px;
  --shadow-card: 0 1px 3px rgba(20, 37, 31, 0.08);
  --shadow-dropdown: 0 4px 12px rgba(20, 37, 31, 0.12);
  --topbar-blur: blur(12px);
}