/* Shared colour, depth and motion tokens for every page (people/ cards keep their own).
   Page width (--maxw) stays in each page: it differs between the marketing, case-study and legal pages. */
:root {
  --ink: #151a22;
  --ink-soft: #4a5361;
  --paper: #f5f6fa;
  --paper-2: #eceef5;
  --line: #dfe3ee;
  --indigo: #1f3a8a;
  --indigo-deep: #152a66;
  --indigo-soft: #a3b3f7; /* labels and accents on indigo */
  --ink-body: #2b323c; /* long-form body text (case studies, legal) */
  --rule-warm: #c9bea8; /* dashed rules and diagram strokes in documents */
  --coral: #c9431a;
  --coral-deep: #b23a15; /* coral button hover */
  --coral-bright: #ff6a3d; /* large display text and glows on indigo only */
  --mint: #0fa37f;
  --mint-ink: #0a7a5e; /* mint text on light surfaces */
  --white: #fff;
  --on-indigo: #c9d3f5; /* body text on indigo */
  --on-indigo-soft: #c4cce6; /* secondary text on indigo */
  /* the four layers, coral → indigo (the hero rings, the services deck and layer cards) */
  --layer-interfaces: #d75a2b;
  --layer-platforms: #b45159;
  --layer-data: #854775;
  --layer-ai: #1f3a8a;
  /* elevation: surfaces separate from the paper by depth, not hairlines */
  --shadow-1: 0 1px 2px rgba(21, 26, 34, 0.05), 0 8px 24px -14px rgba(21, 26, 34, 0.18);
  --shadow-2: 0 2px 4px rgba(21, 26, 34, 0.05), 0 28px 48px -26px rgba(31, 58, 138, 0.38);
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
}