/*
  Pan Am Brand Hub tokens. Colours follow the Frontify brand guideline, Visual Identity > Colors
  (last edited 2025-09-19, read 2026-11-05), which Johan chose for the rebuilt hub on 2026-11-05
  over the Webflow palette (they differ on gold, Night Sky and the light background).
  Guideline rules kept here: Pan Am Blue is never tinted or replaced and never overused; white is the
  default background; gold, silver and black are accents only; tonal blues support legacy material
  and never stand in for Pan Am Blue. Never gold on blue or navy, never gold text over an image.
  Two values are the lab's, not the guideline's, and are marked: the hairline (Clipper Silver at
  half strength, since the palette has no line grey) and the review-mark orange.
  Fonts and sizes as in flypanam-lab.
*/

@font-face { font-family: "Advercase"; src: url("../fonts/Advercase-Regular.otf") format("opentype"); font-weight: 400; font-display: swap; }
@font-face { font-family: "Advercase"; src: url("../fonts/Advercase-Bold.otf") format("opentype"); font-weight: 700; font-display: swap; }
@font-face { font-family: "Neue Einstellung"; src: url("../fonts/NeueEinstellung-ExtraLight.woff2") format("woff2"); font-weight: 200; font-display: swap; }
@font-face { font-family: "Neue Einstellung"; src: url("../fonts/NeueEinstellung-Light.woff2") format("woff2"); font-weight: 300; font-display: swap; }
@font-face { font-family: "Neue Einstellung"; src: url("../fonts/NeueEinstellung-Regular.woff2") format("woff2"); font-weight: 400; font-display: swap; }
@font-face { font-family: "Neue Einstellung"; src: url("../fonts/NeueEinstellung-Medium.woff2") format("woff2"); font-weight: 500; font-display: swap; }
@font-face { font-family: "Neue Einstellung"; src: url("../fonts/NeueEinstellung-SemiBold.woff2") format("woff2"); font-weight: 600; font-display: swap; }

:root {
  /* Primary */
  --colors--pan-am-blue: #2767ad;     /* PMS 2133 C, CMYK 77 40 0 32 */
  --colors--cloud-white: #ffffff;     /* PMS 7436 C */
  /* Secondary */
  --colors--terminal-gold: #d4af37;   /* CMYK 0 17 74 17 */
  --colors--clipper-silver: #c0c0c0;  /* CMYK 0 0 0 25 */
  --colors--night-sky: #121417;       /* CMYK 22 13 0 91 */
  --colors--seasalt: #f7f7f7;         /* CMYK 0 0 0 3 */
  /* Tones of blue (legacy material only) */
  --colors--steel-blue: #5186b9;      /* 279 C */
  --colors--bondi-blue: #0091b5;      /* 313 C */
  --colors--bismark: #3d657d;         /* 5405 C */
  --colors--worldport-blue: #004c81;  /* 294 C */
  /* Tones of black and grey */
  --colors--night-20: #818c9c;
  --colors--night-40: #636e7e;
  --colors--night-60: #48505b;
  --colors--night-80: #2d3239;
  --colors--night-120: #090a0b;

  /* Roles the hub uses */
  --colors--text: var(--colors--night-80);
  --colors--muted: var(--colors--night-40);
  --colors--line: rgba(192, 192, 192, 0.5); /* lab: Clipper Silver at half strength */

  /* Lab only: review marks, never shipped */
  --lab--mark: #b4441e;
  --lab--mark-bg: rgba(180, 68, 30, 0.08);

  --fonts--heading: "Advercase", "Times New Roman", serif;
  --fonts--body: "Neue Einstellung", "Helvetica Neue", Arial, sans-serif;
  --fonts--quote: "Cormorant Garamond", Georgia, serif;

  --headings--h0: clamp(52px, 8vw, 112px);
  --headings--h1: clamp(42px, 6vw, 76px);
  --headings--h2: clamp(32px, 4.2vw, 56px);
  --headings--h3: clamp(26px, 3vw, 38px);
  --headings--h4: clamp(21px, 2vw, 26px);

  --text-spacing--small: 0.5px;
  --text-spacing--medium: 1px;
  --text-spacing--large: 2px;
  --text-spacing--xx-large: 3.5px;

  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --dur-quick: 240ms;
  --dur-base: 700ms;

  --gutter: clamp(16px, 4vw, 56px);
  --max: 1320px;
  --radius: 18px;
}

@media (prefers-reduced-motion: reduce) {
  :root { --dur-quick: 1ms; --dur-base: 1ms; }
}

/* Radii, from the Pan Am Shop */
:root {
  --shop--radius: 12px;
  --shop--radius-xl: 20px;
}