/* Seruno brand base, shared by the site (www.seruno.space) and the app (inbox.seruno.space).
   Source: brand/brand.css; `npm run brand` copies it to public/ and site/public/ with the fonts and icons.
   Palette B "graphite and cobalt" with IBM Plex, chosen 14 Oct 2026. It replaces Branding Protocol v1.0's
   green, clay, cream and Manrope + Inter. Fonts are served from our own domain (no request to Google),
   under the SIL Open Font License (fonts/OFL-IBM-Plex-Sans.txt, fonts/OFL-IBM-Plex-Mono.txt). */

@font-face {
  font-family: "IBM Plex Sans";
  font-style: normal;
  font-display: swap;
  font-weight: 100 700;
  src: url(/fonts/ibm-plex-sans-latin-ext-wght-normal.woff2) format("woff2-variations");
  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}
@font-face {
  font-family: "IBM Plex Sans";
  font-style: normal;
  font-display: swap;
  font-weight: 100 700;
  src: url(/fonts/ibm-plex-sans-latin-wght-normal.woff2) format("woff2-variations");
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
@font-face {
  font-family: "IBM Plex Mono";
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(/fonts/ibm-plex-mono-latin-ext-400-normal.woff2) format("woff2");
  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}
@font-face {
  font-family: "IBM Plex Mono";
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(/fonts/ibm-plex-mono-latin-400-normal.woff2) format("woff2");
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}

:root {
  /* Grounds and text (contrast checked 14 Oct 2026; ratios against white / canvas / surface-soft) */
  --seruno-ink: #18181B;          /* text, wordmark, headings: 17.7 / 16.5 / 15.7 */
  --seruno-ink-2: #52525B;        /* secondary text: 7.7 / 7.2 / 6.9 */
  --seruno-ink-3: #66666F;        /* metadata: 5.7 / 5.3 / 5.0 (4.7 on surface-muted) */
  --seruno-canvas: #F7F7F8;       /* page ground */
  --seruno-white: #FFFFFF;        /* panels, cards, fields */
  --seruno-surface-soft: #F1F1F3; /* quiet grouped surface, wells, code */
  --seruno-surface-muted: #E9E9EC;/* selected rows, chips, step numbers */
  --seruno-line: #E4E4E7;
  --seruno-line-strong: #D4D4D8;

  /* People's controls: graphite. One filled button per view. */
  --seruno-primary: #18181B;
  --seruno-primary-hover: #2E2E33;

  /* Cobalt: the one accent. In the app it marks model-written work only (AI drafts, the assessment);
     on the site it is the small accent. Never a button fill. 5.5 on white, 5.2 on canvas, 4.9 on accent-soft. */
  --seruno-accent: #2F5BEA;
  --seruno-accent-hover: #2449C7;
  --seruno-accent-soft: #EEF2FE;
  --seruno-accent-line: #C7D4FB;

  /* Operational states: their own colours, each paired with a word or shape */
  --seruno-ok: #15803D;           /* 5.0 / 4.7, 4.5 on ok-soft; not on surface-soft (4.4) */
  --seruno-ok-soft: #E8F5EC;
  --seruno-warn: #8A5700;         /* 6.1 / 5.7 */
  --seruno-warn-soft: #FCF2D9;
  --seruno-danger: #B42318;       /* 6.6 / 6.1, 5.7 on danger-soft */
  --seruno-danger-soft: #FDECEA;

  --seruno-font-text: "IBM Plex Sans", "Segoe UI", system-ui, sans-serif;
  --seruno-font-display: var(--seruno-font-text); /* one family: headings are Plex Sans at 600 */
  --seruno-font-mono: "IBM Plex Mono", ui-monospace, Consolas, monospace;
}