/* Design tokens: one place for the brand colors, buttons, radius and fonts. Load BEFORE styles.css.
   Brand colors come from https://anesthesiology.hopkinsmedicine.org/ (navy, gold, orange). The board's own
   cell/section colors are the Excel template's colors and live in layout.json, not here. */
@font-face {
  font-family: "Open Sans";
  src: url("/static/fonts/OpenSans-Variable.ttf") format("truetype");
  font-weight: 300 800;
  font-style: normal;
  font-display: swap;
}

:root {
  --hop-navy: #1B3058;  --hop-navy-2: #2A4373;  --hop-gold: #FFCB00;  --hop-orange: #EB7E00;
  --hop-surface: #F4F6F8;  --hop-border: #D6D6D6;  --header-bg: #1B3058;

  /* Interactive chrome follows Hopkins navy (not generic Tailwind blue) */
  --accent: #1B3058;       --accent-hover: #2A4373;
  --success: #059669;      --success-hover: #047857;
  --warn: #ea580c;         --warn-hover: #c2410c;
  --neutral: #f1f5f9;      --neutral-hover: #e2e8f0;      --neutral-text: #334155;
  --on-dark: #f8fafc;      --on-dark-muted: #dbe3f0;

  /* Semantic board states */
  --draft: #ca8a04;        --draft-bg: #fef9c3;           --draft-ring: #eab308;
  --select: #1B3058;       --select-bg: #e8eef8;
  --drop-ok-bg: #eef3fb;

  --radius-s: 4px;  --radius-m: 6px;
  --focus-ring: 0 0 0 2px var(--hop-navy), 0 0 0 4px var(--hop-gold);
  --font-ui: "Open Sans", "Segoe UI", -apple-system, BlinkMacSystemFont, Roboto, Arial, sans-serif;
  --font-board: "Times New Roman", Times, "Liberation Serif", serif;
}