/* Callimachus — design tokens
 * Brand: logo blue #2457A6 · cool neutral surfaces + semantic status palette
 * from the report template (theme callimachus). Keep this file the single
 * source of truth for colour/type/space; styles.css references tokens by name.
 */
:root {
  color-scheme: light;

  /* surfaces — from report template (theme callimachus, light) */
  --paper:     #f3f5f7;
  --surface:   #ffffff;
  --surface-2: #f8fafb;
  --surface-3: #eef2f5;

  /* ink */
  --ink:   #17212b;
  --ink-2: #5c6a77;
  --ink-3: #8a98a5;

  /* rules */
  --line:   #dce3e8;
  --line-2: #cbd4dc;

  /* accent — logo blue */
  --accent:      #2457a6;
  --accent-deep: #1c4485;
  --accent-soft: #e7eef8;
  --accent-ink:  #ffffff;

  /* semantic status — from report template */
  --ok:        #14785b; --ok-soft:     #e7f5ef;
  --warn:      #a66a00; --warn-soft:   #fff3d8;
  --danger:    #b13d45; --danger-soft: #fdecef;
  --neutral:   #5d6b78; --neutral-soft:#edf1f4;

  --focus: #2e6fd0;

  /* navy instrument band — from report --nav */
  --nav:        #102331;
  --nav-2:      #173447;
  --nav-line:   #2a4759;
  --nav-ink:    #eaf2f6;
  --nav-ink-2:  #9db3c0;
  --nav-accent: #6bb5dd;

  /* footer */
  --foot-fg:    #d6dee4;
  --foot-muted: #8ea0ac;
  --foot-line:  #2a4759;

  /* type */
  --serif: "IBM Plex Serif", Georgia, "Times New Roman", serif;
  --sans:  "Hanken Grotesk", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --mono:  "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;

  /* 4pt spacing scale */
  --space-3xs: 0.25rem; --space-2xs: 0.5rem; --space-xs: 0.75rem;
  --space-sm: 1rem;     --space-md: 1.5rem;  --space-lg: 2rem;
  --space-xl: 3rem;     --space-2xl: 4.5rem; --space-3xl: 7rem;

  --text-xs: 0.75rem; --text-sm: 0.875rem; --text-md: 1.0625rem;

  --radius: 12px; --radius-sm: 8px; --radius-pill: 999px;
  --shadow:    0 12px 30px rgba(23,33,43,.09);
  --shadow-lg: 0 24px 60px rgba(13,29,41,.16);

  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --dur: 540ms;

  --content: 1200px;
}