/* MechanicWithIQ — production design tokens (locked approvals).
   Palette A · Bricolage Grotesque 700 · motion timing tiers.
   Media (source-project captures) always displays authentic source colors — never filtered. */

:root {
  /* Palette A — warm mineral off-white + deep teal */
  --base: #F2EFE7;
  --base-2: #E9E5DB;
  --ink: #1D1E1B;
  --muted: #6E6B61;
  --muted-invert: #A9A69C;
  --hair: #D9D4C7;
  --accent: #235C52;
  --accent-2: #173F38;
  --media-bg: #FFFFFF;

  /* Layout */
  --margin: 64px;
  --margin-m: 28px;

  /* Typography */
  --font-display: "Bricolage Grotesque", "Helvetica Neue", Arial, sans-serif;
  --font-body: "Helvetica Neue", Helvetica, Arial, sans-serif;

  /* Motion timing tiers (locked) */
  --ease-out: cubic-bezier(0.23, 1, 0.32, 1);
  --ease-in-out: cubic-bezier(0.77, 0, 0.175, 1);
  --dur-micro: 160ms;
  --dur-standard: 240ms;
  --dur-major: 950ms;
  --dur-structural: 1100ms;
}