/*
 * Freedom Rides brand tokens (SITE-004). A tenant-scoped asset, beside this
 * tenant's images (SITE-005), served on its own and linked by the marketing
 * route only for the tenant that owns it.
 *
 * DO NOT turn this back into `import "./brand.css"` (ENG-61). Every marketing
 * site shares one route entry, and Next attaches CSS to the ENTRY, not to the
 * module that imported it — so an import here is downloaded by every tenant on
 * every tenant's domain. See app/(marketing)/_sites/types.ts.
 *
 * Nothing outside the bundler transpiles this file, so the colour fallback
 * ladder is authored rather than emitted. The hex block is what any browser
 * gets, and those are exactly the values Lightning CSS computed from the oklch
 * below while this was still bundled. The oklch block is the design's source of
 * truth (SITE-004: "do NOT convert these to hex, it shifts the colours").
 * The @supports guard is load-bearing: custom properties are not validated at
 * parse time, so a plain redeclaration would not fall back — it would win in
 * every browser and then fail at use time. A test keeps the blocks in sync.
 *
 * Type is Sora. --font-display is already Sora (next/font, app/layout.tsx);
 * the rest of the stack is the real fallback for the moment before it loads.
 */
[data-site="navy-photographic"] {
  --fr-page: #f6f9fc;
  --fr-surface: #ffffff;
  --fr-ink: #1d222b;
  --fr-muted: #4f5661;
  --fr-line: #e1e5ea;
  --fr-header: #0d1528;
  --fr-footer: #080f1f;
  --fr-link: #265496;
  --fr-cta: #b23641;
  --fr-cta-hover: #9e2030;
  --fr-eyebrow-dark: #a0b9de;
  --fr-hairline-mid: #e4e8ef;
  --fr-logo-from: #cb454f;
  --fr-logo-to: #2a61b1;

  background: var(--fr-page);
  color: var(--fr-ink);
  font-family:
    var(--font-display),
    Sora,
    ui-sans-serif,
    system-ui,
    -apple-system,
    "Segoe UI",
    Helvetica,
    Arial,
    sans-serif;
}

/* The authored tokens (SITE-004), in the colour space the design specifies. */
@supports (color: oklch(0% 0 0)) {
  [data-site="navy-photographic"] {
    --fr-page: oklch(0.98 0.005 260);
    --fr-ink: oklch(0.25 0.02 265);
    --fr-muted: oklch(0.45 0.02 262);
    --fr-line: oklch(0.92 0.008 260);
    --fr-header: oklch(0.2 0.04 265);
    --fr-footer: oklch(0.17 0.035 265);
    --fr-link: oklch(0.45 0.12 258);
    --fr-cta: oklch(0.52 0.16 20);
    --fr-cta-hover: oklch(0.46 0.16 20);
    --fr-eyebrow-dark: oklch(0.78 0.06 258);
    --fr-hairline-mid: oklch(0.93 0.01 260);
    --fr-logo-from: oklch(0.58 0.17 20);
    --fr-logo-to: oklch(0.5 0.14 258);
  }
}

/* Body links: brand blue, CTA red on hover (design's global <a> rule). */
[data-site="navy-photographic"] .fr-prose-link {
  color: var(--fr-link);
}
[data-site="navy-photographic"] .fr-prose-link:hover {
  color: var(--fr-cta);
}

/* The FAQ disclosures are native <details>; drop the platform marker. */
[data-site="navy-photographic"] summary::-webkit-details-marker {
  display: none;
}