/* InburntAI design tokens. Every value used in the website, app and social mockups. */
@font-face{font-family:'Geist';src:url('../fonts/geist-400.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:'Geist';src:url('../fonts/geist-500.woff2') format('woff2');font-weight:500;font-display:swap}
@font-face{font-family:'Geist';src:url('../fonts/geist-600.woff2') format('woff2');font-weight:600;font-display:swap}
@font-face{font-family:'Geist';src:url('../fonts/geist-700.woff2') format('woff2');font-weight:700;font-display:swap}
@font-face{font-family:'Geist Mono';src:url('../fonts/geist-mono-400.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:'Geist Mono';src:url('../fonts/geist-mono-500.woff2') format('woff2');font-weight:500;font-display:swap}
@font-face{font-family:'Instrument Serif';src:url('../fonts/instrument-serif-400.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:'Instrument Serif';src:url('../fonts/instrument-serif-400-italic.woff2') format('woff2');font-weight:400;font-style:italic;font-display:swap}

:root{
  /* colour: one hero orange, two working oranges, five neutrals */
  --ib-kiln:#F2561D;      /* hero. surfaces, burns, primary buttons. Never as text on paper. */
  --ib-ember:#B23E0E;     /* orange for small text, links and focus rings on paper (5.07:1 on Raw) */
  --ib-glow:#FFD8C4;      /* warm burn: text selection, focused line. Char text only (14.05:1) */
  --ib-char:#17120F;      /* ink. text, dark surfaces */
  --ib-char-2:#2A221D;    /* raised dark surface */
  --ib-smoke:#5C534B;     /* secondary text (6.51:1 on Raw) */
  --ib-ash:#8E8377;       /* under-exposed context only, 3.21:1. Never for text someone must read */
  --ib-raw:#F4EEE4;       /* paper. default page */
  --ib-raw-2:#EAE2D5;     /* wells, cards, inactive fills */
  --ib-sheet:#FBF8F3;     /* the writing page inside the editor */
  --ib-line:rgba(23,18,15,.12);
  --ib-line-strong:rgba(23,18,15,.24);
  --ib-on-dark-2:#B9AFA4; /* secondary text on Char (8.61:1) */

  /* type */
  --ib-font-display:'Geist', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --ib-font-ui:'Geist', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --ib-font-mono:'Geist Mono', ui-monospace, 'SF Mono', Menlo, monospace;
  --ib-font-script:'Instrument Serif', 'Iowan Old Style', Georgia, serif;
  --ib-display-xl:112px; --ib-display-xl-m:56px; /* Geist 600, lh .94, -0.03em */
  --ib-display-l:72px;   --ib-display-l-m:42px;  /* Geist 600, lh .98, -0.025em */
  --ib-display-m:48px;   --ib-display-m-m:32px;  /* Geist 600, lh 1.02, -0.02em */
  --ib-title:28px;       --ib-title-m:22px;      /* Geist 500, lh 1.15, -0.01em */
  --ib-body-l:20px;      --ib-body-l-m:18px;     /* Geist 400, lh 1.5 */
  --ib-body:16px;                                /* Geist 400, lh 1.55 */
  --ib-small:14px;                               /* Geist 400/500, lh 1.45 */
  --ib-label:13px;                               /* Geist 600, lh 1.2, +0.01em */
  --ib-cue:11px;                                 /* Geist Mono 500 caps, +0.04em. Script cues only */
  --ib-script:22px;      --ib-script-m:19px;     /* Instrument Serif 400, lh 1.6 */

  /* space: 4px base */
  --ib-s1:4px; --ib-s2:8px; --ib-s3:12px; --ib-s4:16px; --ib-s5:24px; --ib-s6:32px; --ib-s7:48px; --ib-s8:64px; --ib-s9:96px; --ib-s10:128px;
  --ib-margin:64px; --ib-margin-m:20px; --ib-gutter:24px; --ib-gutter-m:12px; --ib-measure:64ch; --ib-script-measure:34em;

  /* shape: burns are always square. controls 6, panels 12, avatars round */
  --ib-r-burn:0; --ib-r-control:6px; --ib-r-panel:12px; --ib-r-round:999px;
  --ib-focus:0 0 0 2px var(--ib-raw), 0 0 0 4px var(--ib-ember);
  --ib-shadow-float:0 1px 2px rgba(23,18,15,.08), 0 12px 32px rgba(23,18,15,.10);

  /* the burn: hot (Kiln band), warm (Glow band), cool (2px Kiln baseline) */
  --ib-burn-pad-x:.18em; --ib-burn-pad-y:.04em; --ib-burn-cool:2px;

  /* motion: cooling */
  --ib-ease-sweep:cubic-bezier(.2,0,0,1); --ib-ease-cool:cubic-bezier(.3,0,.2,1);
  --ib-t-sweep:280ms; --ib-t-hold:420ms; --ib-t-cool:900ms; --ib-t-ui:160ms;
}
::selection{background:var(--ib-glow);color:var(--ib-char)}
@media (prefers-reduced-motion:reduce){:root{--ib-t-sweep:0ms;--ib-t-hold:0ms;--ib-t-cool:200ms}}