/* Glowpoint's brand, and nothing else. Swap a colour here and the whole portal follows.
   Where each value came from is written in docs/web-track-status.md.

   Colours and fonts: read from https://glowpoint.ai (its own :root variables), 21 Sep 2026.
   Status colours: the brand has no green or red, so those two are ours. Held is the
   brand's own amber. */

:root {
  /* Surfaces */
  --sand: #F4ECD8;        /* page background            glowpoint.ai --color-sand */
  --sand-deep: #EADFC4;   /* cards, table heads         glowpoint.ai --color-sand-deep */
  --paper: #FBF7EA;       /* table rows, form fields    ours: sand, lightened */
  --rule: #D7CFBA;        /* hairlines                  glowpoint.ai --color-rule */

  /* Ink */
  --ink: #15161A;         /* text, primary buttons      glowpoint.ai --color-ink */
  --ink-deeper: #0C0D11;  /* button hover               glowpoint.ai --color-ink-deeper */
  --ink-soft: #3B3D44;    /* secondary text             glowpoint.ai --color-ink-soft */
  --on-ink: #F4ECD8;      /* text on ink                glowpoint.ai --color-on-ink */
  --on-ink-soft: #A6A39A; /*                            glowpoint.ai --color-on-ink-soft */

  /* Accent: the dot on the i */
  --amber: #E89B2C;       /* glowpoint.ai --color-coral */
  --amber-deep: #D68D23;  /* glowpoint.ai --color-coral-deep */
  --amber-soft: #F2C677;  /* glowpoint.ai --color-coral-soft */
  --amber-text: #8F5B16;  /* amber that is readable on sand. glowpoint.ai --color-coral-text */

  /* Status. Done and failed are ours, chosen to sit on sand. Held is the brand amber. */
  --done: #1E7B45;
  --done-soft: #DCEBD9;
  --held: var(--amber);
  --held-soft: #FBE7BF;
  --failed: #B3261E;
  --failed-soft: #F6D9D3;
  --running: var(--ink-soft);

  /* Type. The three families glowpoint.ai uses, bundled in fonts/ (all SIL OFL 1.1).
     The fallbacks are the site's own. */
  --font-display: "Fraunces", "Iowan Old Style", "Hoefler Text", Georgia, serif;
  --font-body: "Manrope", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;

  --radius-sm: 6px;       /* glowpoint.ai */
  --radius-md: 12px;      /* glowpoint.ai */
}

@font-face {
  font-family: "Fraunces";
  font-style: normal;
  font-weight: 300 900;
  font-display: swap;
  src: url("fonts/Fraunces-latin-var.woff2") format("woff2");
}
@font-face {
  font-family: "Manrope";
  font-style: normal;
  font-weight: 300 800;
  font-display: swap;
  src: url("fonts/Manrope-latin-var.woff2") format("woff2");
}
@font-face {
  font-family: "JetBrains Mono";
  font-style: normal;
  font-weight: 400 500;
  font-display: swap;
  src: url("fonts/JetBrainsMono-latin-var.woff2") format("woff2");
}