/* Aduno — design tokens, ported from the "Industry" blueprint design system.
   Source of truth for the site's look: colors, type, spacing, hairlines. */
@import url('https://fonts.googleapis.com/css2?family=Barlow:wght@400;500;700&family=Barlow+Condensed:wght@400;600&display=swap');

:root {
  --color-bg: #f2f2f3;
  --color-surface: #e9e9ea;
  --color-text: #1d1f20;
  --color-accent: #5980a6;
  --color-divider: color-mix(in srgb, #1d1f20 16%, transparent);

  --color-accent-100: #eef6ff;
  --color-accent-600: #597ea3;
  --color-accent-700: #416180;
  --color-accent-800: #2c455d;
  --color-accent-900: #1d2d3d;

  --font-heading: "Barlow Condensed", system-ui, sans-serif;
  --font-heading-weight: 600;
  --font-body: "Barlow", system-ui, sans-serif;

  --text-hero: clamp(44px, 7vw, 92px);
  --text-statement: clamp(24px, 2.8vw, 34px);

  --space-section: clamp(48px, 4vw + 24px, 72px);
  --gutter: clamp(20px, 5vw, 72px);

  --ink-82: color-mix(in srgb, var(--color-text) 82%, transparent);
  --ink-78: color-mix(in srgb, var(--color-text) 78%, transparent);
  --ink-70: color-mix(in srgb, var(--color-text) 70%, transparent);
  --ink-55: color-mix(in srgb, var(--color-text) 55%, transparent);
}