/* MapaTech Studio — retune of the Industry tokens to the brand.
   Same system (blueprint frames, Barlow Condensed / Barlow, modular grid);
   the steel accent is replaced by the MapaTech teal, ink by the logo navy,
   and the second role carries the rocket orange for very sparing use. */
:root {
  --color-bg: #f3f3f2;
  --color-surface: #eaeae9;
  --color-text: #202b33;
  --color-accent: #1fb7b4;
  --color-accent-2: #f2683c;
  --color-divider: color-mix(in srgb, #202b33 16%, transparent);

  --color-neutral-100: #f5f6f6;
  --color-neutral-200: #e7e9e9;
  --color-neutral-300: #d3d6d7;
  --color-neutral-400: #b5babc;
  --color-neutral-500: #969ca0;
  --color-neutral-600: #787f84;
  --color-neutral-700: #5b6368;
  --color-neutral-800: #40474c;
  --color-neutral-900: #202b33;

  --color-accent-100: #e6f8f8;
  --color-accent-200: #c2efee;
  --color-accent-300: #93e2e0;
  --color-accent-400: #55d0cd;
  --color-accent-500: #1fb7b4;
  --color-accent-600: #189b98;
  --color-accent-700: #147c7a;
  --color-accent-800: #0f5c5b;
  --color-accent-900: #0c2f38;

  --color-accent-2-100: #fdeee8;
  --color-accent-2-200: #fbd6c8;
  --color-accent-2-300: #f8b79f;
  --color-accent-2-400: #f59371;
  --color-accent-2-500: #f2683c;
  --color-accent-2-600: #d2532c;
  --color-accent-2-700: #a94120;
  --color-accent-2-800: #7c2f16;
  --color-accent-2-900: #4a1c0d;
}

/* On the deep field the same tokens flip: paper type over steel-teal ink. */
.on-dark {
  --color-text: #eef2f2;
  --color-divider: color-mix(in srgb, #eef2f2 20%, transparent);
  color: #eef2f2;
}
.on-dark .text-muted { color: color-mix(in srgb, #eef2f2 58%, transparent); }
.on-dark .card-kicker, .on-dark a { color: var(--color-accent-300); }

body { text-wrap: pretty; -webkit-font-smoothing: antialiased; }
a { text-decoration: none; }
a:hover { color: var(--color-accent-700); }
.on-dark a:hover { color: var(--color-accent-200); }

.btn { white-space: nowrap; }