/* Anshira design tokens v0.4 (2026-10-20). Source of truth for site, product and video.
   Concept: "The record". Light is primary for marketing and demos: white product screens on a soft mist page,
   never stark white edge to edge. Two inks carry meaning: ai (藍, indigo) = held / verified, shu (朱, vermilion) = failed.
   Dark is the alternate (product UI at night): set data-theme="dark" on <html>. */
@import url("https://fonts.googleapis.com/css2?family=Instrument+Sans:wght@400;500;600;700&family=Martian+Mono:wght@400;500&display=swap");
:root{
  /* surfaces */
  --an-ground:#F4F5F8;  /* the page */
  --an-paper:#FFFFFF;   /* product screens, cards, fields, bands */
  --an-panel:#F7F8FA;   /* rails inside a screen */
  --an-sunken:#EEF1F5;
  --an-line:#E3E7EE; --an-line-2:#CDD3DE;
  /* ink */
  --an-ink:#0E1A33; --an-ink-2:#3A4459; --an-muted:#636D80; --an-faint:#7F889B; --an-on-ink:#FFFFFF;
  /* meaning: the only two colours in the system */
  --an-ai:#2343C7;  --an-ai-soft:#E9EDFC;   /* held: passed, verified, selected, focus */
  --an-shu:#C63F26; --an-shu-soft:#FCEDE8;  /* failed: an open failure, or one that happened and was fixed */
  /* type */
  --an-sans:"Instrument Sans",ui-sans-serif,system-ui,sans-serif;
  --an-mono:"Martian Mono",ui-monospace,Menlo,monospace;
  /* shape */
  --an-r-xs:2px; --an-r-s:4px; --an-r-m:8px;
  /* motion: counted, never bouncy */
  --an-ease:cubic-bezier(.2,.7,.1,1); --an-fast:160ms; --an-mid:360ms;
  color-scheme:light;
}
:root[data-theme="dark"]{
  --an-ground:#0B1222; --an-paper:#0F1729; --an-panel:#131D33; --an-sunken:#18223A; --an-line:#1F2A42; --an-line-2:#2E3A57;
  --an-ink:#EEF1F8; --an-ink-2:#C4CBDA; --an-muted:#929CB2; --an-faint:#76819A; --an-on-ink:#0B1222;
  --an-ai:#7C93FF; --an-ai-soft:#1A2550; --an-shu:#FF7A5C; --an-shu-soft:#3A1D17;
  color-scheme:dark;
}