/* Tame Inbox — brand tokens */
@import url('https://fonts.googleapis.com/css2?family=General+Sans:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap');

:root {
  /* Core palette */
  --cream: #FFF8F0;
  --cream-deep: #F5E9D7;
  --sand: #EFE1CA;
  --coral: #FF7A59;
  --coral-deep: #E8603F;
  --teal: #2D5D7B;
  --teal-deep: #1E4259;
  --ink: #1A1A1A;
  --ink-60: rgba(26, 26, 26, 0.60);
  --ink-40: rgba(26, 26, 26, 0.40);
  --ink-20: rgba(26, 26, 26, 0.20);
  --ink-10: rgba(26, 26, 26, 0.10);
  --ink-06: rgba(26, 26, 26, 0.06);

  /* Type */
  --f-display: 'General Sans', 'Söhne', ui-sans-serif, system-ui, sans-serif;
  --f-body: 'General Sans', ui-sans-serif, system-ui, sans-serif;
  --f-mono: 'JetBrains Mono', ui-monospace, monospace;

  /* Radius */
  --r-sm: 8px;
  --r-md: 14px;
  --r-lg: 20px;
  --r-xl: 28px;
  --r-pill: 999px;
}

html, body { margin: 0; padding: 0; }
body {
  font-family: var(--f-body);
  background: var(--cream);
  color: var(--ink);
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

.mono { font-family: var(--f-mono); letter-spacing: -0.01em; }