/*
 * eTEU ACSS v4 semantic bridge
 * observed: exact values extracted from production ACSS 3.3.7
 * derived: fluid clamps preserve the observed 320–1220 px interpolation
 * corrected: focus and status colors meet the WCAG release gate
 */
@font-face {
  font-family: "Lato";
  src: url("/wp-content/uploads/fonts/lato/latin/Lato-400.woff2") format("woff2");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}

@font-face {
  font-family: "Lato";
  src: url("/wp-content/uploads/fonts/lato/latin/Lato-700.woff2") format("woff2");
  font-style: normal;
  font-weight: 700;
  font-display: swap;
}

@layer tokens {
  :root {
    --primary: #009dfd;
    --primary-hover: #26acff;
    --primary-light: #b3e2ff;
    --primary-ultra-light: #f5fbff;
    --primary-dark: #004f80;
    --primary-ultra-dark: #001f33;
    --base: #00111f;
    --base-hover: #001323;
    --base-ultra-light: #e5f4ff;
    --base-light: #b3ddff;
    --base-dark: #004680;
    --base-ultra-dark: #001c33;
    --white: #fff;
    --black: #000;
    --neutral-ultra-light: #f2f2f2;
    --neutral-light: #d9d9d9;
    --neutral-medium: #808080;
    --danger: #b42318;
    --success: #147a31;

    /* Familiar ACSS aliases retained for fleet consistency. */
    --action: var(--primary);
    --action-hover: var(--primary-hover);
    --action-light: var(--primary-light);
    --action-ultra-light: var(--primary-ultra-light);
    --action-dark: var(--primary-dark);
    --action-ultra-dark: var(--primary-ultra-dark);

    --font-body: "Lato", Arial, sans-serif;
    --text-xs: clamp(1.26rem, 0.3vw + 1.16rem, 1.42rem);
    --text-s: clamp(1.42rem, 0.25vw + 1.34rem, 1.6rem);
    --text-m: clamp(1.6rem, 0.22vw + 1.53rem, 1.8rem);
    --text-l: clamp(1.8rem, 0.28vw + 1.71rem, 2.025rem);
    --h3: clamp(2rem, 0.55vw + 1.82rem, 2.5rem);
    --h2: clamp(2.304rem, 0.56vw + 2.12rem, 2.8rem);
    --h1: clamp(2.7648rem, 1.15vw + 2.4rem, 3.8rem);

    --space-xs: clamp(1.896rem, 0.55vw + 1.72rem, 2.4rem);
    --space-s: clamp(2.133rem, 0.74vw + 1.9rem, 2.8rem);
    --space-m: clamp(2.4rem, 1.11vw + 2.04rem, 3.4rem);
    --space-l: clamp(2.7rem, 1.67vw + 2.17rem, 4.2rem);
    --space-xl: clamp(3.038rem, 2.4vw + 2.27rem, 5.2rem);
    --space-xxl: clamp(3.42rem, 3.42vw + 2.33rem, 6.5rem);
    --section-space-s: clamp(4.051rem, 4.388vw + 2.647rem, 8rem);
    --section-space-m: clamp(5.4rem, 7.333vw + 3.053rem, 12rem);
    --section-space-l: clamp(7.198rem, 12.002vw + 3.358rem, 18rem);

    --content-width: 122rem;
    --gutter: clamp(1.8rem, 1.333vw + 1.373rem, 3rem);
    --radius-xs: 0.444rem;
    --radius-s: 0.667rem;
    --radius-m: 1rem;
    --radius-l: 1.5rem;
    --shadow-m: rgba(17, 17, 26, 0.05) 0 1px 0, rgba(17, 17, 26, 0.1) 0 0 8px;
    --shadow-l: 0 2.7px 3.6px -5px rgb(0 0 0 / 4%), 0 7.5px 10px -5px rgb(0 0 0 / 6%), 0 18px 24px -5px rgb(0 0 0 / 8%), 0 60px 80px -5px rgb(0 0 0 / 10%);
    --transition: 0.3s ease-in-out;
    --focus-color: #0074bd;
    --focus-width: 0.3rem;
    --focus-offset: 0.25rem;
  }
}