/* 3MF Labs design tokens — the "build plate" system. See _brand/DESIGN-SYSTEM.md.
   Pages never invent colours, fonts, radii or shadows; they use these. */
:root {
  color-scheme: light;

  /* Ground + ink */
  --bone: #F3F2ED;          /* page ground: warm build-plate grey */
  --bone-2: #EAE8E1;        /* wells, alternate sections, drawing plates */
  --paper: #FFFFFF;         /* cards */
  --ink: #141519;           /* graphite: text, dark bands, the mark's tile */
  --ink-2: #454951;         /* body copy on light */
  --ink-3: #62666F;         /* captions, labels, arrows (5.1:1 on bone) */
  --line: #DDDAD1;          /* hairlines on bone */
  --line-2: #E8E6DF;        /* hairlines on paper */

  /* Dark surfaces */
  --graphite: #16181C;
  --graphite-2: #1F2227;
  --graphite-3: #2A2E34;
  --on-dark: #F3F2ED;
  --on-dark-2: #A7ABB3;
  --on-dark-3: #868B94;
  --line-dark: rgba(243, 242, 237, .10);

  /* The one accent: Lab Lime. Fills and highlights only; never text on light grounds. */
  --lime: #C8F03C;
  --lime-hover: #D6F76A;
  --lime-press: #B5DE24;
  --lime-deep: #4B6600;     /* lime as text on light grounds (6.4:1 on white) */
  --lime-tint: #EEF7CF;
  --lime-glow: rgba(200, 240, 60, .35);

  /* Filament swatches: product context only (drawings, the plate demo, collection tags) */
  --f-pumpkin: #F2741E;
  --f-grape: #7B55D9;
  --f-bone: #E8E0CB;
  --f-night: #25272C;
  --f-pine: #2F8A57;
  --f-frost: #8CCBEA;

  /* Type */
  --font-sans: "Archivo", "Helvetica Neue", Arial, sans-serif;
  --font-mono: "IBM Plex Mono", ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;
  --wide: 125%;             /* font-stretch for display type and the wordmark */
  --semi: 112%;

  /* Shape */
  --r-xs: 6px;
  --r-sm: 8px;
  --r: 12px;
  --r-lg: 16px;
  --r-xl: 22px;
  --shadow-sm: 0 1px 2px rgba(20, 21, 25, .06);
  --shadow: 0 1px 2px rgba(20, 21, 25, .05), 0 10px 28px -12px rgba(20, 21, 25, .16);
  --shadow-lg: 0 2px 6px rgba(20, 21, 25, .05), 0 28px 60px -24px rgba(20, 21, 25, .30);
  --focus: 0 0 0 2px var(--paper), 0 0 0 4px var(--ink);

  /* Layout + motion */
  --maxw: 1200px;
  --gutter: clamp(16px, 4vw, 32px);
  --header-h: 68px;
  --section-y: clamp(72px, 10vw, 128px);
  --ease: cubic-bezier(.2, .7, .2, 1);
}