/* Sentinel MOS tokens. One file. No module may define its own colour, radius or shadow. */
@font-face{font-family:'Inter';font-style:normal;font-weight:100 900;font-display:swap;src:url(fonts/inter-latin.woff2) format('woff2')}
@font-face{font-family:'Instrument Sans';font-style:normal;font-weight:400 700;font-display:swap;src:url(fonts/instrument-sans-latin.woff2) format('woff2')}
@font-face{font-family:'JetBrains Mono';font-style:normal;font-weight:100 800;font-display:swap;src:url(fonts/jetbrains-mono-latin.woff2) format('woff2')}

:root{
  /* Room: light */
  --room:#F3F3EE; --surface:#FFFFFF; --recess:#ECECE6; --hover:#F8F8F4;
  --line:#E3E3DC;           /* hairline, decorative */
  --line-control:#82868E;   /* input and control borders, 3:1 */
  --ink:#15171C; --ink-2:#4A4E57;
  --ghost:#686C75;          /* secondary text: 5.26:1 on surface, 4.73:1 on room */

  /* Rail and instruments: dark in every theme */
  --rail:#111114; --rail-text:#A6ABB4; --rail-active:#FFFFFF;
  --rail-pill:rgba(255,255,255,.12);
  --ins:#0E0E12; --ins-2:#15151B; --ins-on:#F2F4F1; --ins-on-2:#9BA3AE; --ins-line:rgba(255,255,255,.09);

  /* Sentinel's voice */
  --lime:#C8FF3D;           /* dark surfaces and fills only */
  --lime-ink:#4A6600;       /* the only form of lime on light: text, icons, rules */

  /* "Your turn": ink by default, one company setting */
  --you:#15171C; --on-solid:#FFFFFF; --solid:#15171C; --solid-hover:#2C2F37;

  /* State, for text and solid tags on light (white label on each) */
  --ok-ink:#0A7C30; --warn-ink:#9A5B08; --bad-ink:#C0271F; --info-ink:#2F4A6D;
  /* State on dark (ink label on each) */
  --ok:#00C896; --warn:#FFB020; --bad:#FF5555;

  /* Fonts */
  --sans:'Inter',system-ui,sans-serif;
  --display:'Instrument Sans','Inter Display','Inter',sans-serif;
  --mono:'JetBrains Mono',ui-monospace,monospace;

  /* Radius: 8 controls, 12 cards, 16 instruments and sheets, pill for tags and primary buttons */
  --r-control:8px; --r-card:12px; --r-ins:16px; --r-pill:999px;

  /* Spacing, 4 px base */
  --s1:4px; --s2:8px; --s3:12px; --s4:16px; --s5:24px; --s6:32px; --s7:48px; --s8:64px;

  /* Materials */
  --shadow-pop:0 12px 32px -14px rgba(15,17,22,.3);
  --scrim:rgba(15,17,22,.4);
  --ease:cubic-bezier(.16,1,.3,1);
  --t-fast:.12s; --t-state:.18s;
}
[data-theme=dark]{
  --room:#0A0A0C; --surface:#101015; --recess:#15151C; --hover:#15151C;
  --line:rgba(255,255,255,.09); --line-control:#6E727B;
  --ink:#F2F4F1; --ink-2:#9BA3AE; --ghost:#8A919C;
  --you:#F2F4F1; --on-solid:#101015; --solid:#F2F4F1; --solid-hover:#D9DCD6;
  --lime-ink:#C8FF3D;
  --ok-ink:#00C896; --warn-ink:#FFB020; --bad-ink:#FF7A7A; --info-ink:#9DB7D8;
}