/* Prime Pacific Air · tokens.css
   Every colour, font, size and space the page uses lives here; site.css only reads var(--...).
   Structure studied from VERSEVA Design (MIT, Copyright (c) 2026 Verseva Services Corp):
   colour ladders by role, one accent, a 4-step type ladder, a 4px spacing scale, one light/dark flip block.
   Values are ours: navy accent, 7:1 text on every surface, 18px text floor (1.125rem).
   Shared with the flight app (Chris, 20 Oct 7:25PM PH: one shared file): ink and dark surface match the app; fonts stay separate. */

@font-face{font-family:"PPA Geist";src:url(fonts/Geist.woff2) format("woff2");font-weight:100 900;font-display:swap}

:root{
  color-scheme:light dark;

  /* colour ladders (light, the default) */
  --bg:#FAF9F7;          /* page */
  --surface:#FFFFFF;     /* logo tile, raised things */
  --surface-2:#F2F1EE;   /* footer */
  --hairline:#DAD7D2;    /* decoration only, never the edge of a control */
  --text-1:#10182E;      /* ink, shared with the app */
  --text-2:#454B5E;      /* muted, still 7:1 on bg, surface and surface-2 */
  --text-3:#454B5E;      /* no fainter text on this site: older readers */

  /* one accent: navy */
  --accent:#183C74;
  --accent-hover:#1F4E9C;
  --accent-ink:#FFFFFF;
  --focus:#183C74;
  --data-alt:#183C74;

  /* the one navy band */
  --band-1:#183C74;
  --band-2:#1F4E9C;
  --on-band:#FFFFFF;
  --on-band-pill:#183C74;

  /* status: the preview strip uses warn */
  --warn:#4A3200;    --warn-bg:#FFF4D6;
  --success:#0E4A2A; --success-bg:#E3F3EA;
  --danger:#7A1712;  --danger-bg:#FBE5E2;

  /* the photo top: a photo, so the same in light and dark (from the photo thread's v7 top) */
  --hero-sky:#A2BBD6;      /* behind the photo while it loads */
  --hero-ink:#0F2447;      /* phone headline, straight on the photo's sky (7:1 on the sky) */
  --hero-lead:#0F2447;
  --hero-pill:#183C74;  --hero-pill-ink:#FFFFFF;
  --hero-ground:#3E3A43;  --hero-cap:#FFFFFF;   /* label strip under the photo */
  --hero-deep:#0F2447;     /* computers: behind the photo */
  --hero-shade:15 36 71;   /* computers: navy shade behind white words */
  --hero-on-shade:#FFFFFF;

  /* the logo always sits on white */
  --tile:#FFFFFF;

  /* type */
  --font-sans:"PPA Geist",system-ui,"Segoe UI",Arial,sans-serif;
  --fs-body:1.125rem;                                  /* 18px floor */
  --fs-lead:1.3125rem;
  --fs-h3:1.25rem;
  --fs-h2:clamp(1.75rem,1.3rem + 1.4vw,2.375rem);
  --fs-h1:clamp(2.5rem,1.4rem + 4vw,4.5rem);
  --fs-contact:clamp(2rem,1.4rem + 2.4vw,3.25rem);
  --fs-glance:clamp(1.625rem,1.3rem + 1vw,2.125rem);
  --w-head:500;
  --track-h1:-.03em;
  --track-h2:-.02em;

  /* space: 4px steps, in rem so they grow with the reader's text size */
  --s-1:.25rem; --s-2:.5rem; --s-3:.75rem; --s-4:1rem; --s-5:1.5rem;
  --s-6:2rem;   --s-7:3rem;  --s-8:4rem;   --s-9:6rem; --s-10:8rem;

  /* taps */
  --tap:3rem;      /* 48px */
  --tap-main:3.5rem; /* 56px main button */

  /* radius: pills for controls, small for pictures */
  --r-pic:.5rem; --r-tile:.625rem; --r-pill:999px;

  /* motion */
  --dur-1:120ms; --ease-standard:cubic-bezier(.2,0,0,1);
}

/* the one flip block: follows the phone's own light/dark setting */
@media (prefers-color-scheme:dark){
  :root{
    --bg:#121110;
    --surface:#1E1C1A;
    --surface-2:#1A1816;
    --hairline:#3A3632;
    --text-1:#F2EFEA;
    --text-2:#B3ACA3;
    --text-3:#B3ACA3;
    --accent:#8FB4FF;
    --accent-hover:#A9C5FF;
    --accent-ink:#121110;
    --focus:#8FB4FF;
    --data-alt:#8FB4FF;
    --band-1:#16305C;
    --band-2:#1F4A8A;
    --warn:#FFE2A8;    --warn-bg:#3A2A00;
    --success:#A8E0BF; --success-bg:#12261B;
    --danger:#F6B3AA;  --danger-bg:#2E1512;
  }
}