/* Light clinical retune of the Modernist tokens — loaded after styles.css on every page. */
:root {
  --color-bg: #f7f9fb;
  --color-surface: #eef2f6;
  --color-text: #17212b;
  --color-accent: #2f7fb5;
  --color-accent-2: #2f7fb5;
  --color-divider: color-mix(in srgb, #17212b 22%, transparent);
  --color-neutral-100: #f9fafb; --color-neutral-200: #eceff3; --color-neutral-300: #d9dee5;
  --color-neutral-400: #b9c1cb; --color-neutral-500: #97a1ad; --color-neutral-600: #77818d;
  --color-neutral-700: #59636f; --color-neutral-800: #3e4752; --color-neutral-900: #28303a;
  --color-accent-100: #eef6fb; --color-accent-200: #d8eaf6; --color-accent-300: #b5d6ec;
  --color-accent-400: #7fb6d9; --color-accent-500: #4a95c6; --color-accent-600: #2a6f9f;
  --color-accent-700: #1f5579; --color-accent-800: #173f5a; --color-accent-900: #112c3f;
  --color-accent-2-100: #eef6fb; --color-accent-2-200: #d8eaf6; --color-accent-2-300: #b5d6ec;
  --color-accent-2-400: #7fb6d9; --color-accent-2-500: #4a95c6; --color-accent-2-600: #2a6f9f;
  --color-accent-2-700: #1f5579; --color-accent-2-800: #173f5a; --color-accent-2-900: #112c3f;
  --shadow-sm: 0 1px 2px color-mix(in srgb, #28303a 10%, transparent);
  --shadow-md: 0 3px 10px color-mix(in srgb, #28303a 12%, transparent);
  --shadow-lg: 0 12px 32px color-mix(in srgb, #28303a 16%, transparent);
}
html { scroll-behavior: smooth; }