/* SmartBound tokens (0.95.0, D8; 1.1.0 D5 the style C; docs/DESIGN-RULES.md). The one place a colour, a size, a radius or a duration is written.
   desk.html links this first, then sb.css; the popup carries the same values. Nothing else names a hex. */
:root{
  color-scheme:dark;
  --display:"Fraunces",Georgia,serif;
  --body:"IBM Plex Sans",system-ui,-apple-system,sans-serif;
  --mono:"IBM Plex Mono",ui-monospace,monospace;
  /* colour: three navies (the ground, the card, one deep navy for pictures), two hairlines (the card's, and the control's
     at 3:1), three text whites, one orange and its press, one green, one amber; the ink on orange; the paper of pictures */
  --bg:#0B2747;
  --panel:#0F3A66;
  --deep:#081F38;
  --line:#245A8F;
  --line2:#4A7AB0;
  --fg:#F4EEE3;
  --mut:#A9BDD6;
  --dim:#8FA8C8;
  --org:#F26522;
  --org-press:#D9561A;
  --ok:#5CC98A;
  --warn:#E8B04A;
  --ink:#0B1B2B;
  /* pictures of someone else's thing (the email, the banner, their page) are white because Gmail is white: paper, its
     hairline, the ink and a softer ink for the grey lines in them */
  --paper:#FFFFFF;
  --paper-line:#E3E8EC;
  --ink-soft:#5B6B73;
  /* not a colour: the scrim under a sheet, the glass over a picture, the one elevation step for the four things that
     float (the menu, the arrival card, the minimised call, the tooltip) */
  --scrim:rgba(5,15,30,.6);
  --glass:rgba(11,39,71,.85);
  --float:0 8px 24px rgba(0,0,0,.4);
  /* type: 11 mono caps, 12 caption, 13 small, 14 controls, 16 body and inputs, 17 lede, 22 card title, 26 page title,
     30 a number in a row, 40 a headline number; three clamps */
  --t11:11px;--t12:12px;--t13:13px;--t14:14px;--t16:16px;--t17:17px;--t22:22px;--t26:26px;--t30:30px;--t40:40px;
  --t-display:clamp(36px,4.6vw,50px);   /* 1.1.0 (D5) 36 as C drew it (MASTER, 28/10) */
  --t-head:clamp(28px,4vw,44px);
  --t-section:clamp(24px,3vw,30px);
  /* space: one step */
  --s1:4px;--s2:8px;--s3:12px;--s4:16px;--s5:24px;--s6:32px;
  /* radius (1.1.0 D5, C): 6 for anything pressable and every picture, 4 the switch, 2 its knob, 12 only for what floats
     and a sheet; the morph keeps its face. No capsule: 999 retires. */
  --r:12px;--r-ctl:6px;--r-sw:4px;--r-knob:2px;--r-pic:6px;--r-face:28px;
  /* controls: three heights (1.1.0 D5, C): 32 anything pressable, a tag, a status; 40 the one button and an input; 56 the
     recipient's button */
  --h-small:32px;--h-btn:40px;--h-rcp:56px;
  /* motion: colour and opacity, then anything that moves or changes size; one easing */
  --fast:150ms;--move:300ms;--ease:cubic-bezier(.2,.7,.2,1);
}