/* Capocci AI tokens (BRAND_SYSTEM.md, "Palette and surfaces"). Pages, apps and reports are light; only the logo and
   app icons also come in dark versions. */
:root {
  color-scheme: light;
  --white: #fafbfc;
  --mist: #eef3f5;
  --ink: #10161a;
  --ink-2: #4f5d65;
  --line: #d6e0e5;
  --teal: #087e96;
  --teal-2: #3cc3d4;
  --teal-wash: #d8eef0;
  --iris: #8fa8ff;
  --glass: rgba(255, 255, 255, 0.58);

  /* logo only: the descriptor greys, the dark logo ground and its word colour */
  --descriptor: #9fb3bb;
  --descriptor-deep: #5f7884;
  --night: #0b1116;
  --word-on-night: #f3efe7;

  /* the mark's three voices: ONLY inside the mark and the app icons, never as UI colours */
  --mark-cyan: #13b5cf;
  --mark-amethyst: #7658f0;
  --mark-orange: #f2802a;

  --font-display: "Sora", "Geist", system-ui, sans-serif;
  --font-body: "Geist", system-ui, sans-serif;
  --font-mono: "Geist Mono", ui-monospace, monospace;
  --font-wordmark: "Bodoni Moda", "Didot", "Bodoni 72", serif;

  --step--1: 0.85rem;
  --step-0: 1.05rem;
  --step-1: 1.25rem;
  --step-2: clamp(1.4rem, 1.1rem + 1.2vw, 2rem);
  --step-3: clamp(2rem, 1.3rem + 2.8vw, 3.4rem);
  --step-4: clamp(2.6rem, 1.4rem + 5vw, 5.8rem);

  --gutter: clamp(16px, 4vw, 56px);
  --max: 1240px;
  --radius: 22px;
}