/* =============================================================
   NEVON PARTNERS — production stylesheet
   Brand source: NEVON Brand ID 30.04.26
   ============================================================= */

/* ---------- Aeonik webfonts ---------- */

@font-face {
  font-family: "Aeonik";
  src: url("../fonts/aeonik-light.woff2") format("woff2"),
       url("../fonts/aeonik-light.woff") format("woff");
  font-weight: 300; font-style: normal; font-display: swap;
}
@font-face {
  font-family: "Aeonik";
  src: url("../fonts/aeonik-lightitalic.woff2") format("woff2"),
       url("../fonts/aeonik-lightitalic.woff") format("woff");
  font-weight: 300; font-style: italic; font-display: swap;
}
@font-face {
  font-family: "Aeonik";
  src: url("../fonts/aeonik-regular.woff2") format("woff2"),
       url("../fonts/aeonik-regular.woff") format("woff");
  font-weight: 400; font-style: normal; font-display: swap;
}
@font-face {
  font-family: "Aeonik";
  src: url("../fonts/aeonik-regularitalic.woff2") format("woff2"),
       url("../fonts/aeonik-regularitalic.woff") format("woff");
  font-weight: 400; font-style: italic; font-display: swap;
}
@font-face {
  font-family: "Aeonik";
  src: url("../fonts/aeonik-bold.woff2") format("woff2"),
       url("../fonts/aeonik-bold.woff") format("woff");
  font-weight: 700; font-style: normal; font-display: swap;
}
@font-face {
  font-family: "Aeonik";
  src: url("../fonts/aeonik-bolditalic.woff2") format("woff2"),
       url("../fonts/aeonik-bolditalic.woff") format("woff");
  font-weight: 700; font-style: italic; font-display: swap;
}

:root {
  /* Brand palette */
  --nevon-platinum:     #051A4D;
  --nevon-light-blue:   #82C2F7;
  --nevon-black:        #000000;
  --nevon-grey:         #808285;
  --nevon-light-grey:   #F2F2F2;
  --nevon-white:        #FFFFFF;

  --nevon-platinum-12:  rgba(5, 26, 77, 0.12);
  --nevon-platinum-24:  rgba(5, 26, 77, 0.24);
  --nevon-platinum-60:  rgba(5, 26, 77, 0.60);
  --nevon-ink:          #0B1226;
  --nevon-border:       #E5E7EE;
  --nevon-border-on-dark: rgba(255, 255, 255, 0.14);

  --bg:                 var(--nevon-white);
  --bg-muted:           var(--nevon-light-grey);
  --bg-inverse:         var(--nevon-platinum);
  --bg-accent:          var(--nevon-light-blue);

  --fg1:                var(--nevon-platinum);
  --fg2:                var(--nevon-grey);
  --fg-on-dark:         var(--nevon-white);
  --fg-on-accent:       var(--nevon-platinum);

  --border:             var(--nevon-border);
  --border-strong:      var(--nevon-platinum);

  /* Type — Aeonik only, system fallback for FOUT */
  --font-sans: "Aeonik", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-display: var(--font-sans);
  --font-mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;

  --fw-light: 300;
  --fw-regular: 400;
  --fw-bold: 700;

  --display-1-size: clamp(56px, 7.2vw, 128px);
  --display-1-leading: 0.92;
  --display-1-tracking: -0.025em;
  --display-1-weight: var(--fw-bold);

  --display-2-size: clamp(40px, 4.5vw, 80px);
  --display-2-leading: 0.96;
  --display-2-tracking: -0.02em;
  --display-2-weight: var(--fw-bold);

  --h1-size: clamp(36px, 3.4vw, 56px);
  --h1-leading: 1.02;
  --h1-tracking: -0.018em;
  --h1-weight: var(--fw-bold);

  --h2-size: 36px;
  --h2-leading: 1.08;
  --h2-tracking: -0.012em;
  --h2-weight: var(--fw-bold);

  --h3-size: 24px;
  --h3-leading: 1.2;
  --h3-tracking: -0.006em;
  --h3-weight: var(--fw-bold);

  --h4-size: 18px;
  --h4-leading: 1.3;
  --h4-tracking: 0;
  --h4-weight: var(--fw-bold);

  --body-lg-size: 20px;
  --body-lg-leading: 1.5;
  --body-size: 16px;
  --body-leading: 1.55;
  --body-sm-size: 14px;
  --body-sm-leading: 1.5;

  --eyebrow-size: 12px;
  --eyebrow-leading: 1;
  --eyebrow-tracking: 0.12em;
  --eyebrow-weight: var(--fw-regular);

  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --space-8: 64px;
  --space-9: 96px;
  --space-10: 128px;

  --radius-none: 0;
  --radius-sm: 2px;
  --radius-md: 6px;
  --radius-lg: 12px;
  --radius-pill: 999px;

  --shadow-1: 0 1px 2px rgba(5, 26, 77, 0.06);
  --shadow-2: 0 8px 24px rgba(5, 26, 77, 0.10);
  --shadow-3: 0 24px 60px -12px rgba(5, 26, 77, 0.18);
}

html, body {
  font-family: var(--font-sans);
  color: var(--fg1);
  background: var(--bg);
  font-weight: var(--fw-regular);
  font-size: var(--body-size);
  line-height: var(--body-leading);
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

h1 { font: var(--h1-weight) var(--h1-size)/var(--h1-leading) var(--font-display); letter-spacing: var(--h1-tracking); margin: 0; }
h2 { font: var(--h2-weight) var(--h2-size)/var(--h2-leading) var(--font-display); letter-spacing: var(--h2-tracking); margin: 0; }
h3 { font: var(--h3-weight) var(--h3-size)/var(--h3-leading) var(--font-display); letter-spacing: var(--h3-tracking); margin: 0; }
h4 { font: var(--h4-weight) var(--h4-size)/var(--h4-leading) var(--font-display); margin: 0; }
p  { margin: 0; font-size: var(--body-size); line-height: var(--body-leading); }