/* brep design tokens: the typeface, the colours, the brep ramp, spacing, the base text style and
   the app palette.
   The one source for brep.si and brep Data (data.brep.si); change them here, never in a copy.
   Load it before the page's own stylesheet. Fonts resolve relative to this file (../fonts/). */

@font-face {
  font-family: "Instrument Sans";
  font-style: normal; font-weight: 400 700; font-stretch: 75% 100%; font-display: swap;
  src: url("../fonts/InstrumentSans-latin.woff2") format("woff2");
}
@font-face {
  font-family: "Instrument Sans";
  font-style: italic; font-weight: 400 700; font-stretch: 75% 100%; font-display: swap;
  src: url("../fonts/InstrumentSans-Italic-latin.woff2") format("woff2");
}

:root {
  color-scheme: dark;
  --ink: #05060A;
  --ink-2: #0B0D16;
  --text: #EEF1F4;
  --text-2: #A7ADBC;
  --text-3: #727A8E;
  --hair: rgba(238, 241, 244, .12);
  /* the brep ramp (assets/js/gl.js): indigo, ultramarine, azure, sky, pearl, apricot, salmon */
  --r0: #0E1240; --r1: #2A35C9; --r2: #4C86FF; --r3: #93D6FF; --r4: #EEF3F1; --r5: #FFC796; --r6: #FF8673;
  --spectrum: linear-gradient(90deg, var(--r1), var(--r2), var(--r3), var(--r4), var(--r5), var(--r6));
  --gutter: clamp(16px, 4.4vw, 72px);
  --radius: clamp(10px, 1.1vw, 18px);
  --sans: "Instrument Sans", "Helvetica Neue", Arial, sans-serif;
  font: 400 17px/1.55 var(--sans);
  color: var(--text);
  background: var(--ink);
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

/* The app palette: the brep workbench's own colours, for app-like UI (the preview on brep.si; tables
   and the review studio on brep Data). Data colours only, on a near-black stage. */
:root {
  --a-ink: #06070b; --a-surface: #0d0f16; --a-stage: #0b0d14;
  --a-hair: rgba(255, 255, 255, .09); --a-hair-2: rgba(255, 255, 255, .2);
  --a-t1: #eef1f6; --a-t2: #a3abbd; --a-t3: #7c8497;
  --violet: #7b5cff; --blue: #2e7bff; --cyan: #3fe0d0; --amber: #ffb547; --coral: #ff5d73;
  --a-spectrum: linear-gradient(90deg, var(--violet), var(--blue), var(--cyan), var(--amber), var(--coral));
  --mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;
}