@import "tailwindcss";
@plugin "@tailwindcss/typography";

@theme {
  /* Brighton palette */
  --color-br-navy: #022B47;
  --color-br-gray: #414042;
  --color-br-orange: #FF6B1A;
  --color-br-orange-2: #C24D0E;
  --color-br-orange-soft: #FFC8A8;
  --color-br-orange-pale: #FFEEDD;
  --color-br-teal-deep: #146F82;
  --color-br-teal: #148699;
  --color-br-teal-mid: #6FB4BF;
  --color-br-teal-soft: #B5D8DD;
  --color-br-teal-pale: #E1EEF0;
  --color-br-bone: #F6F4EF;
  --color-br-mist: #ECEEEF;
  --color-br-line: #D8DBDD;
  --color-br-mute: #8B8E91;
  --color-br-ink: #1a1a1a;
  --color-br-paper: #FFFFFF;
  --color-br-warm: #B57B3F;
  --color-br-warm-soft: #EBD9C0;

  /* Brighton-tuned shadows */
  --shadow-br-sm: 0 1px 2px rgba(2,43,71,0.06), 0 1px 1px rgba(2,43,71,0.04);
  --shadow-br-md: 0 6px 16px rgba(2,43,71,0.08), 0 2px 4px rgba(2,43,71,0.05);
  --shadow-br-lg: 0 24px 48px rgba(2,43,71,0.14), 0 8px 16px rgba(2,43,71,0.06);

  /* Urbanist as the page font; loaded via Google Fonts in the layout. */
  --font-sans: "Urbanist", "system-ui", "sans-serif";
}

/* Turbo navigation progress bar */
.turbo-progress-bar {
  background-color: var(--color-br-orange);
  height: 2px;
}

/* Tabular numerals for stat blocks. */
.tnum { font-feature-settings: "tnum"; }