:root {
  /* Brand: the Nomad 1809 wordmark sits on oxblood or charcoal with a thin white rule. */
  --oxblood: #6f1a0f;
  --oxblood-deep: #4f1109;
  --oxblood-tint: #f6ece9;
  --charcoal: #1a1a1a;
  --charcoal-2: #262423;
  --on-dark: #d9d3cc;
  --on-dark-muted: #a39b93;
  --brand-charcoal: #23272a;
  --brand-charcoal-deep: #141616;
  /* The Nomad 1809 logo: an oxblood star (this gradient) and a charcoal wordmark, made for paper or white. */
  --brand-star: #8f2e1c;
  --brand-star-deep: #5a1409;
  --oxblood-line: rgb(111 26 15 / 45%);

  /* Neutrals */
  --ink: #23201d;
  --muted: #6b645d;
  --paper: #faf7f2;
  --paper-2: #f3eee7;
  --surface: #ffffff;
  --line: #e6dfd5;
  --line-strong: #cfc6b9;
  --placeholder: #766e66; /* 5:1 on white: placeholder text that still reads as a hint */

  /* Status (all at least 4.5:1 on white and on paper) */
  --ok: #1f6b45;
  --ok-tint: #e9f3ed;
  --warn: #9a5b00;
  --warn-tint: #fbf1e1;
  --danger: #a12a1c;
  --danger-tint: #fbebe8;

  /* Shape and depth */
  --radius-sm: 6px;
  --radius: 8px;
  --radius-lg: 12px;
  --shadow: 0 1px 2px rgb(26 26 26 / 5%);
  --shadow-raised: 0 1px 2px rgb(26 26 26 / 8%), 0 18px 40px -12px rgb(26 26 26 / 28%);
  --ring: 0 0 0 3px rgb(111 26 15 / 22%);
  /* A panel resting on the paper: a hairline contact shadow under a wide, faint ambient one. */
  --shadow-panel: 0 1px 1px rgb(26 26 26 / 4%), 0 2px 4px -2px rgb(26 26 26 / 6%), 0 16px 32px -20px rgb(26 26 26 / 18%);

  /* Rhythm: 4 px base unit */
  --gap: 16px;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;

  /* Type: one sans family, matching the bold sans of the wordmark */
  --font-body: -apple-system, BlinkMacSystemFont, "Segoe UI Variable Text", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --font-display: -apple-system, BlinkMacSystemFont, "Segoe UI Variable Display", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --tracking-brand: 0.08em;
  --text-xs: 0.75rem;
  --text-sm: 0.875rem;
  --text-base: 1rem;
  --text-lg: 1.125rem;
  --text-xl: 1.375rem;
  --text-2xl: 1.75rem;

  /* Frame */
  --nav-width: 248px;
  --tabbar-height: 60px;
  --content-max: 1120px;
  --ease: cubic-bezier(0.2, 0, 0, 1);
}