/* THEME TOKENS: change the look of the whole site from here.
   Art lives in this folder too: scene.svg (hero landscape), mascot.svg (the sheep),
   icons/<slot>.svg (see icons.js for the slot names). Replace a file and reload. */
:root {
  /* type */
  --font-display: Georgia, "Iowan Old Style", serif;
  --font-body: "Avenir Next", "Segoe UI", system-ui, sans-serif;

  /* shape */
  --radius: 18px;
  --radius-sm: 12px;
  --shadow: 0 1px 0 rgba(14, 34, 55, .04), 0 8px 24px -16px rgba(14, 34, 55, .25);

  /* surfaces and text */
  --color-bg: #eef6f8;
  --color-surface: #fbfdfd;
  --color-surface-2: #eef6f8;
  --color-ink: #17283a;
  --color-muted: #5d7284;
  --color-line: #d5e3e9;

  /* brand */
  --color-primary: #02529c;       /* Iceland flag blue: main buttons */
  --color-primary-ink: #ffffff;
  --color-accent: #4fb7c9;        /* glacier teal: highlights, progress */
  --color-deep: #0e2237;          /* deep ocean: headings on sky */
  --color-soft: #cfe6ee;          /* ice: chips, icon backgrounds */

  /* decisions */
  --color-yes: #4f9a6a;
  --color-unsure: #d9a43b;
  --color-no: #9fb2bf;
  --color-nobody: #b8a9a0;
  --color-danger: #dc1e35;        /* flag red */

  /* hero sky (behind scene.svg) */
  --sky-top: #7eaecb;
  --sky-bottom: #dcecf1;
  --hero-ink: #0e2237;
  --hero-ink-soft: #234a68;
  --hero-height: 560px;           /* dashboard hero */
  --hero-height-compact: 170px;   /* other pages */
  --mascot-size: 250px;
}