/* Shared Iris typography and geometry; Color Science defines the tools accent.
   Source: Iris_website/src/styles/global.css and layout components, 2026-09-25.
   Inter is a preferred local font, with the main site's exact fallback stack.
   No font download is required. Scientific swatches never use this palette. */
:root {
  --iris-font-sans: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
  --iris-container-width: 1280px;
  --iris-header-height: 64px;
  --iris-graphite-900: #1a1c23;
  --iris-graphite-800: #2d313a;
  --iris-graphite-700: #3f4551;
  --iris-graphite-600: #4a5361;
  --iris-graphite-500: #596371;
  --iris-graphite-400: #687181;
  --iris-graphite-300: #c8cdd5;
  --iris-offwhite: #fcfcfd;

  --tools-purple: #7258cd;
  --tools-purple-hover: #6045bf;
  --tools-purple-soft: #f0ecfb;
  --tools-text: var(--iris-graphite-900);
  --tools-muted: var(--iris-graphite-400);
  --tools-border: #e4e7ee;
  --tools-surface: #ffffff;
  --tools-canvas: var(--iris-offwhite);
  --tools-radius-control: 6px;
  --tools-radius-panel: 12px;
  --tools-space-1: 4px;
  --tools-space-2: 8px;
  --tools-space-3: 12px;
  --tools-space-4: 16px;
  --tools-space-6: 24px;
  --tools-space-8: 32px;
  --tools-space-12: 48px;
  --tools-font-size-body: 16px;
  --tools-font-size-control: 14px;
  --tools-font-size-help: 12px;
  --tools-font-weight-heading: 700;
  --tools-line-height-body: 1.5;

  /* A presentation palette, not wavelength or measured-color encodings.
     Every trace color has at least 3:1 contrast against the white plot area.
     Labels and line patterns also distinguish traces. */
  --tools-plot-1: #7258cd;
  --tools-plot-2: #3f4551;
  --tools-plot-3: #8b65c2;
  --tools-plot-4: #596371;
  --tools-plot-5: #654694;
  --tools-plot-6: #4a5361;
  --tools-plot-7: #9477b6;
  --tools-plot-grid: #e4e7ee;
  --tools-plot-axis: #687181;
  --tools-plot-font-size: 12px;
  --tools-plot-line-width: 2px;
}