/* INELVEX design tokens. Change brand colors, type and spacing here only. */
:root {
  /* Light body */
  --c-bg: #FBFAF7;
  --c-surface: #FFFFFF;
  --c-panel: #F3F1EC;
  --c-text: #1E1B17;
  --c-muted: #5C564C;
  --c-border: #E6E2DB;
  --c-border-strong: #D6D0C6;

  /* Accents */
  --c-accent: #2F4FBD;
  --c-accent-strong: #1F3A8F;
  --c-amber: #B9772E;
  --c-amber-text: #8A5418; /* amber for text on light bg (AA) */

  /* Status (operator pages: Human Review) */
  --c-success: #24704A;
  --c-success-dot: #2E8B57;
  --c-success-bg: rgba(46, 139, 87, 0.08);
  --c-danger: #A0362B;
  --c-danger-border: rgba(176, 58, 46, 0.45);
  --c-danger-bg: rgba(176, 58, 46, 0.06);

  /* Dark surfaces (hero, closing) */
  --c-dark: #090B14;
  --c-dark-2: #05060B;
  --c-dark-text: #F3F2EE;
  --c-dark-muted: #A9ADC0;
  --c-dark-border: rgba(150, 160, 210, 0.22);
  --c-dark-surface: rgba(255, 255, 255, 0.045);
  --c-accent-bright: #8EA2E8; /* accent on dark bg */
  --c-amber-bright: #E2AE6C; /* amber on dark bg */

  /* Flow: one visual language for every probability field (read by js/flow.js).
     Sections override these on their own element, never in JS.
     Blue/violet = possibilities. Amber = resolution (appears only as streams converge). */
  --flow-stream: 142, 162, 232;   /* rgb, streams */
  --flow-amber: 226, 174, 108;    /* rgb, resolved / outcome streams */
  --flow-highlight: 236, 240, 255;/* rgb, pointer response */
  --flow-alpha: 0.2;              /* base line opacity */
  --flow-alpha-glow: 0.3;         /* extra opacity at full resolution */
  --flow-width: 1;                /* line width, px */
  --flow-speed: 70;               /* px per second */
  --flow-trail: 0.04;             /* fade per frame; lower = longer trails */
  --flow-convergence: 1;          /* how strongly the field follows assistant state */
  --flow-density: 1400;           /* px² per stream; larger = fewer streams */
  --flow-pointer: 1;              /* pointer response, 0 = off */
  --flow-amber-share: 0.08;       /* share of streams that turn amber on resolution */
  --flow-static-alpha: 0.7;       /* reduced-motion frame strength */

  /* Type */
  --font-display: "Literata", Georgia, "Times New Roman", serif;
  --font-body: "IBM Plex Sans", "Segoe UI", system-ui, -apple-system, sans-serif;
  --fs-hero: clamp(2.4rem, 5vw, 4.1rem);
  --fs-h2: clamp(1.85rem, 3.6vw, 2.75rem);
  --fs-h3: 1.2rem;
  --fs-body: 1rem;
  --fs-small: 0.875rem;
  --fs-kicker: 0.75rem;

  /* Layout */
  --container: 1200px;
  --gutter: clamp(1rem, 4vw, 1.5rem);
  --section-y: clamp(4rem, 9vw, 6.5rem);
  --radius-sm: 0.5rem;
  --radius: 0.85rem;
  --radius-lg: 1.25rem;
  --header-h: 4rem;

  /* Elevation */
  --shadow-sm: 0 1px 2px rgba(30, 27, 23, 0.05);
  --shadow-md: 0 10px 30px rgba(30, 27, 23, 0.08);
  --shadow-dark: 0 30px 80px rgba(0, 0, 0, 0.55);

  /* Motion */
  --ease: cubic-bezier(0.2, 0.7, 0.2, 1);
}