/*
 * Immiscible's colour tokens: one file for the site, the console and the
 * emails (src/platform/emails.js mirrors these hex values). Loaded on every
 * page straight after /brand.css, so these win over brand.config.json.
 *
 * Every's contrast in our temperature (art direction, round 8): a true
 * near-black ink, a crisp cool ground, one light sky fill doing all the
 * "this one" work (selected, mentioned, clickable), cobalt kept for links,
 * the cloth and the pattern, and coral kept for one job: the thing a person
 * must look at (the Held dot, a countdown, what got through, the mark).
 *
 * For the founder: the locked paper #EEF1F6 is --paper-2. To make it the
 * page ground again, swap the two --paper values below; nothing else moves.
 */

:root {
  /* neutrals */
  --ink: #0E1019;
  --ink-deep: #07080D;
  --ink-raised: #181B26;
  --ink-line: #2A2E3B;
  --paper: #F7F8FA;
  --paper-2: #EEF1F6;
  --white: #FFFFFF;
  --text-soft: #3B4150;
  --text-muted: #5B6170;

  /* the second colour: fills only, never text on paper */
  --sky: #ACD8F6;
  --sky-pale: #DCEEFB;

  /* brand */
  --cobalt: #2347C4;
  --cloth: #1E2F6E;
  --coral: #F0563A;

  /* Every's black, in our ink (the chosen direction, founder, 7 Oct 2026): one near-black
     ground and flat solid surfaces a shade apart, paper-white serif on top, nothing see-through */
  --eb-0: #0B0D15;
  --eb-1: #141826;
  --eb-2: #1B2032;
  --eb-3: #232A41;
  /* the one coloured ground among the black: the simulation, deep cobalt as a solid (Site 8) */
  --eb-cobalt: #1E2F6E;
  --eb-hair: rgba(247, 248, 250, .08);
  --eb-hair-2: rgba(247, 248, 250, .14);
  --eb-on: #F7F8FA;
  --eb-on-2: rgba(247, 248, 250, .66);
  --eb-on-3: rgba(247, 248, 250, .52);
  --eb-ease: cubic-bezier(.16, .84, .24, 1);
  --eb-sh: 0 1px 1px rgba(2, 3, 8, .35), 0 10px 20px -6px rgba(2, 3, 8, .45), 0 36px 56px -18px rgba(2, 3, 8, .7);

  /* a window or card standing on Every's black: the Slack window, the console pane, the Team plan, the receipt (round 9) */
  --eb-sh-window: 0 0 0 1px var(--eb-hair-2), 0 2px 4px rgba(2, 3, 8, .4), 0 50px 90px -30px rgba(2, 3, 8, .9);
  /* the underline under a link set on black */
  --sky-line: rgba(172, 216, 246, .4);

  /* focus: the ring round whatever the keyboard is on. Cobalt on paper, sky on black; never coral, which has one job */
  --focus: var(--cobalt);
  --focus-on-dark: var(--sky);

  /* lines */
  --line: #E3E6EC;
  --line-strong: #CDD3DD;

  /* shadows: Every's four layers, tinted to our ink */
  --sh-1: 0 1px 2px rgba(14, 16, 25, .10), 0 3px 3px rgba(14, 16, 25, .08), 0 7px 4px rgba(14, 16, 25, .04), 0 12px 5px rgba(14, 16, 25, .01);
  --sh-3: 0 5px 12px rgba(14, 16, 25, .10), 0 21px 21px rgba(14, 16, 25, .08), 0 48px 29px rgba(14, 16, 25, .05), 0 85px 34px rgba(14, 16, 25, .01);
  --sh-on-dark: 0 2px 4px rgba(0, 0, 0, .30), 0 24px 48px rgba(0, 0, 0, .35);
  --scrim: rgba(14, 16, 25, .48);
  /* the lift under a chosen segment or list row on paper (console) */
  --sh-sel: 0 1px 2px rgba(14, 16, 25, .12);
  /* under an ink button on paper while it is hovered (console) */
  --sh-hover-ink: 0 8px 18px -10px rgba(14, 16, 25, .5);
  /* a pane that overlaps the one to its left, on paper (the console pane on the home page) */
  --sh-edge: -28px 0 48px -28px rgba(14, 16, 25, .22);

  /* the Cardinal squares as a dense repeat, cobalt on sky (the hero band, the record and the final call; founder review, 7 Oct 2026) */
  /* The band behind paper cards: our woven cobalt cloth (the squares pattern was retired by the founder, 7 Oct 2026). */
  --pattern-sky: var(--cloth) url("/assets/textile-cobalt.webp") 0 0 / 600px 600px;
}
@media (max-width: 760px) {
  :root { --pattern-sky: var(--cloth) url("/assets/textile-cobalt.webp") 0 0 / 480px 480px; }
}