/* WispInbox brand tokens — single source of truth (see BRAND.md) */
:root {
  /* Color */
  --ink: #0f1c2e;
  --ink-soft: #53657c;
  --blue: #154892;
  --blue-mid: #2a63b8;
  --blue-soft: #eaf1fb;
  --on-blue: #ffffff;
  --red: #c41e2e;
  --live: #17824f;
  --paper: #e7eef8;
  --paper-deep: #cfdced;
  --surface: #ffffff;
  --rule: #b7c6d8;
  --rule-soft: #dfe8f2;
  --hover: #f4f8fc;

  /* Type — one family only */
  --font: "Sora", "Segoe UI", sans-serif;
  --font-display: var(--font);
  --font-ui: var(--font);
  --font-typed: var(--font);

  /* Topbar control size (Sign in / API / Language) */
  --ctrl-h: 40px;
  --ctrl-px: 14px;
  --ctrl-radius: 10px;
  --ctrl-font: 0.86rem;
  --ctrl-weight: 500;
  --ctrl-border: 1.5px solid var(--rule-soft);

  /* Action buttons */
  --btn-h: 48px;
  --btn-px: 18px;
  --btn-radius: 12px;
  --btn-font: 0.92rem;
  --btn-icon: 16px;

  --radius: 18px;
  --radius-sm: 10px;
  --shadow: 0 18px 40px rgba(15, 28, 46, 0.1);
  --shadow-soft: 0 4px 14px rgba(15, 28, 46, 0.06);
}