/* ================================================================
   ASC Design System – CSS Custom Properties
   supply-concepts.com rebuild
   ================================================================ */

/* Google Fonts: Saira Condensed (free stand-in for EurostileLTPro) */
@import url('https://fonts.googleapis.com/css2?family=Saira+Condensed:wght@300;400;600;700&display=swap');

/* ----------------------------------------------------------------
   LICENSED FONT HOOKS
   Uncomment and drop files into /assets/fonts/ once licenses are
   in place. These override the free fallbacks in the variables.

   @font-face {
     font-family: "HelveticaNeueLTStd";
     src: url("/assets/fonts/HelveticaNeueLTStd-Lt.woff2") format("woff2"),
          url("/assets/fonts/HelveticaNeueLTStd-Lt.woff")  format("woff");
     font-weight: 300; font-style: normal; font-display: swap;
   }
   @font-face {
     font-family: "HelveticaNeueLTStd";
     src: url("/assets/fonts/HelveticaNeueLTStd-Roman.woff2") format("woff2"),
          url("/assets/fonts/HelveticaNeueLTStd-Roman.woff")  format("woff");
     font-weight: 400; font-style: normal; font-display: swap;
   }
   @font-face {
     font-family: "HelveticaNeueLTStd";
     src: url("/assets/fonts/HelveticaNeueLTStd-Md.woff2") format("woff2"),
          url("/assets/fonts/HelveticaNeueLTStd-Md.woff")  format("woff");
     font-weight: 500; font-style: normal; font-display: swap;
   }
   @font-face {
     font-family: "EurostileLTPro";
     src: url("/assets/fonts/EurostileLTPro.woff2") format("woff2"),
          url("/assets/fonts/EurostileLTPro.woff")  format("woff");
     font-weight: 400; font-style: normal; font-display: swap;
   }
   @font-face {
     font-family: "EurostileLTPro";
     src: url("/assets/fonts/EurostileLTPro-Demi.woff2") format("woff2"),
          url("/assets/fonts/EurostileLTPro-Demi.woff")  format("woff");
     font-weight: 600; font-style: normal; font-display: swap;
   }

   Then update the variables below, e.g.:
     --font-head: "EurostileLTPro", "Saira Condensed", Arial, sans-serif;
     --font-body: "HelveticaNeueLTStd", -apple-system, "Helvetica Neue", Arial, sans-serif;
   ---------------------------------------------------------------- */

:root {
  /* ── Colours ─────────────────────────────────── */
  --c-orange:       #F7941D;
  --c-orange-light: #FAC380;
  --c-bg:           #F2F2F2;
  --c-text:         #666666;
  --c-text-light:   #999999;
  --c-white:        #FFFFFF;
  --c-black:        #000000;
  --c-link:         #0B55C4;

  /* ── Typography ──────────────────────────────── */
  --font-head: "Saira Condensed", "Eurostile", Arial, sans-serif;
  --font-body: -apple-system, "Helvetica Neue", Helvetica, Arial, sans-serif;
  --fw-body:   300;

  /* ── Layout ──────────────────────────────────── */
  --maxw:  1200px;
  --space: 1rem;

  /* ── Component tokens ────────────────────────── */
  --header-h:  80px;
  --transition: 0.2s ease;
}