/* A bit too much — v0.1.0 / 2026-10-31 / proposed brand tokens */
:root {
  --abtm-ink: #020305;
  --abtm-paper: #FBFBF1;
  --abtm-night: #0D172F;
  --abtm-olive: #536135;
  --abtm-wine: #7F1D2B;
  --abtm-gold: #EFBF47;
  --abtm-flame: #EF531D;
  --abtm-slate: #65676B;
  /* work colours (O-14, 2026-10-31): UI and internal systems, both departments */
  --abtm-mist: #A7ADB5;
  --abtm-charcoal: #1D2947;
  --abtm-sand: #F1EFE3;
  --abtm-ochre: #BF8B1D;
  --abtm-sea: #1D658B;
  --abtm-sea-light: #65A7C7;
}
/* status roles for internal systems: ok / waiting / late / moved */
.abtm-gg, .abtm-fi {
  --status-ok: var(--abtm-olive); --status-waiting: var(--abtm-ochre);
  --status-late: var(--abtm-wine); --status-moved: var(--abtm-sea);
  --surface: var(--abtm-sand); --fg-muted: var(--abtm-slate);
}
.abtm-gg[data-theme="dark"], .abtm-fi[data-theme="dark"] {
  --status-moved: var(--abtm-sea-light);
  --surface: var(--abtm-charcoal); --fg-muted: var(--abtm-mist);
}
@font-face { font-family: "Fredoka"; font-style: normal; font-weight: 600; font-display: swap; src: url("../fonts/fredoka/Fredoka-600.woff2") format("woff2"); }
@font-face { font-family: "Fredoka"; font-style: normal; font-weight: 700; font-display: swap; src: url("../fonts/fredoka/Fredoka-700.woff2") format("woff2"); }
@font-face { font-family: "Manrope"; font-style: normal; font-weight: 600; font-display: swap; src: url("../fonts/manrope/Manrope-600.woff2") format("woff2"); }
@font-face { font-family: "Manrope"; font-style: normal; font-weight: 700; font-display: swap; src: url("../fonts/manrope/Manrope-700.woff2") format("woff2"); }
@font-face { font-family: "Inter"; font-style: normal; font-weight: 400; font-display: swap; src: url("../fonts/inter/Inter-400.woff2") format("woff2"); }
@font-face { font-family: "Inter"; font-style: normal; font-weight: 500; font-display: swap; src: url("../fonts/inter/Inter-500.woff2") format("woff2"); }
@font-face { font-family: "Inter"; font-style: normal; font-weight: 600; font-display: swap; src: url("../fonts/inter/Inter-600.woff2") format("woff2"); }
@font-face { font-family: "Inter"; font-style: normal; font-weight: 700; font-display: swap; src: url("../fonts/inter/Inter-700.woff2") format("woff2"); }

.abtm-gg, .abtm-fi {
  --bg: var(--abtm-paper); --fg: var(--abtm-ink);
  --action-bg: var(--abtm-night); --action-fg: var(--abtm-paper);
  --focus: var(--abtm-night);
  font-family: "Inter", system-ui, sans-serif;
  color: var(--fg); background-color: var(--bg);
  font-synthesis: none; line-height: 1.6;
}
.abtm-gg { --heading-font: "Fredoka", "Inter", system-ui, sans-serif; }
.abtm-fi { --heading-font: "Manrope", "Inter", system-ui, sans-serif; }
.abtm-gg[data-theme="dark"] {
  --bg: var(--abtm-night); --fg: var(--abtm-paper);
  --action-bg: var(--abtm-gold); --action-fg: var(--abtm-ink);
  --focus: var(--abtm-gold);
}
.abtm-fi[data-theme="dark"] {
  --bg: var(--abtm-night); --fg: var(--abtm-paper);
  --action-bg: var(--abtm-paper); --action-fg: var(--abtm-night);
  --focus: var(--abtm-paper);
}
.abtm-gg h1, .abtm-gg h2, .abtm-fi h1, .abtm-fi h2 {
  font-family: var(--heading-font); font-weight: 600;
}
.abtm-fi h1 { font-weight: 700; }
.abtm-gg a, .abtm-fi a { color: inherit; text-decoration: underline; }
.abtm-gg button, .abtm-fi button {
  font: 600 1rem/1.35 "Inter", system-ui, sans-serif;
  color: var(--action-fg); background: var(--action-bg);
}
.abtm-gg :focus-visible, .abtm-fi :focus-visible {
  outline: 3px solid var(--focus); outline-offset: 3px;
}
@media (prefers-reduced-motion: reduce) {
  .abtm-gg .brand-motion, .abtm-fi .brand-motion { animation: none; transition: none; }
}