/* Newman Mining and Construction. Design tokens.
   Portfolio concept site. Static HTML, CSS and JS. No framework. */

@font-face {
  font-family: 'Archivo';
  src: url('../fonts/archivo-400.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Archivo';
  src: url('../fonts/archivo-500.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Archivo';
  src: url('../fonts/archivo-700.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Archivo';
  src: url('../fonts/archivo-900.woff2') format('woff2');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

:root {
  /* Palette. Light theme, locked page wide. One accent only. */
  --paper: #F7F6F4;
  --ink: #20242A;
  --ink-soft: #5A6069;
  --steel: #E4E2DE;
  --iron-dark: #221C18;
  --ochre: #B0491B;
  --ochre-deep: #8F3A14;

  /* Derived surfaces. No new hues. */
  --hairline: #D6D3CE;
  --scrim: rgba(34, 28, 24, 0.48);
  --footer-soft: rgba(247, 246, 244, 0.72);
  --footer-rule: rgba(247, 246, 244, 0.18);

  /* Type. One family. */
  --font: 'Archivo', 'Helvetica Neue', Helvetica, Arial, sans-serif;

  --step-hero: clamp(2.75rem, 7vw, 5.25rem);
  --step-h1: clamp(2.125rem, 4.6vw, 3.5rem);
  --step-h2: clamp(1.625rem, 3.2vw, 2.5rem);
  --step-h3: clamp(1.125rem, 1.5vw, 1.375rem);
  --step-lead: clamp(1.0625rem, 1.5vw, 1.25rem);
  --step-body: 1rem;
  --step-small: 0.875rem;
  --step-nav: 0.8125rem;
  --step-stat: clamp(3rem, 8vw, 5rem);

  /* Layout. */
  --shell: 1280px;
  --gutter: clamp(1.25rem, 4vw, 3rem);
  --band: clamp(3.5rem, 7vw, 6rem);
  --measure: 65ch;
  --nav-h: 68px;

  /* Industrial. Sharp corners everywhere. */
  --radius: 0;
}