/* Generated by scripts/build-client.js from clients/wfm-paving/client.config.json. */
/* Loads AFTER brand.css, so anything emitted here overrides the shared defaults. */
/* Every block below is optional — omit it from client config and brand.css's default wins. */

@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url('/assets/fonts/inter-latin.woff2') format('woff2');
}

@font-face {
  font-family: 'Bebas Neue';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('/assets/clients/wfm-paving/bebas-400.woff2') format('woff2');
}


:root {
  --color-base: #0A2434;
  --color-primary: #7530A6;
  --color-secondary: #FFDC52;
  --color-accent: #00C7B6;
  --color-action: #E9445A;
  --color-tertiary: #404040;

  --color-primary-hover: color-mix(in srgb, var(--color-primary), black 10%);
  --color-secondary-hover: color-mix(in srgb, var(--color-secondary), black 10%);
  --color-action-hover: color-mix(in srgb, var(--color-action), black 14%);
  --color-accent-hover: color-mix(in srgb, var(--color-accent), black 10%);

  --bg-dark: #1C0C28;
  --bg-light: #FFFFFF;
  --bg-warm: #F2F2F2;
  --bg-utility: #000000;

  /* Typeface */
  --font-family: 'Inter', system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  /* Display face — applied by class (.t-display), never to every heading. */
  --font-family-display: 'Bebas Neue', Impact, sans-serif;

  /* Type scale */
  --text-base-desktop: 18px;
  --text-base-mobile: 16px;
  --heading-line-height: 1.2;

  /* Shape */
  --radius: 16px;
  --radius-sm: 8px;
  --radius-lg: 24px;
  --btn-radius: 8px;
  --input-radius: 8px;
}