/* ============================================================================
   NativeScan, in its own clothes.

   Loaded after NativeScan's page styles on every /nativescan page. It swaps
   the old studio palette (white, Apple ink, cobalt glows) for the app's own
   design language (NATIVESCAN_DESIGN_LANGUAGE.md): warm Paper in light mode,
   warm Chamber in dark, indigo for action, violet for AI, and the serif voice
   the app uses for page titles. Only tokens and a handful of selectors change;
   the page structure and every word stay as they were.
   ========================================================================= */

:root{
  --paper:#F7F4EE;
  --paper-2:#EFEAE1;
  --ink:#1C1A17;
  --ink-2:#625C53;          /* 5.7:1 on paper */
  --ink-3:#6F695F;          /* 4.9:1 on paper */
  --hair:rgba(28,26,23,.10);
  --card:#FFFFFF;
  --accent:#4A54D6;         /* action indigo, 5.6:1 on paper */
  --hairline:#E8E3D9;
  --shadow:0 1px 2px rgba(28,26,23,.05),0 10px 28px rgba(28,26,23,.08);
}
@media (prefers-color-scheme:dark){
  :root{
    --paper:#151217; --paper-2:#1F1B24; --ink:#F3EFE7; --ink-2:#B9B2A6; --ink-3:#A39C90;
    --hair:rgba(243,239,231,.12); --card:#1F1B24; --accent:#8B93F0; --hairline:rgba(243,239,231,.10);
    --shadow:0 1px 2px rgba(0,0,0,.5),0 10px 30px rgba(0,0,0,.45);
  }
}

/* The serif voice: page titles and section titles, as in the app. */
.hero h1,.app__intro h2,.section__head h2,.cta h2,.support-head h1,
.legal .doc-title,#support > h2{
  font-family:ui-serif,"New York","Iowan Old Style","Apple Garamond",Georgia,"Times New Roman",serif;
  font-weight:400;
  letter-spacing:-.012em;
}

/* The hero wash from the App Store art, in place of the cobalt aurora. */
.hero__glow{
  opacity:1;
  background:
    radial-gradient(52% 50% at 16% 22%,rgba(180,166,238,.45),transparent 70%),
    radial-gradient(46% 44% at 86% 26%,rgba(247,205,184,.45),transparent 70%);
}
@media (prefers-color-scheme:dark){
  .hero__glow{
    background:radial-gradient(52% 50% at 22% 22%,rgba(126,91,221,.30),transparent 70%),
               radial-gradient(46% 44% at 84% 30%,rgba(74,84,214,.24),transparent 70%);
  }
}

/* Action is indigo, as every primary button in the app is. */
.pill{ background:#4A54D6; color:#FFFFFF }
.pill:hover{ background:#3F49C9 }
.pill--ghost{ background:transparent; color:var(--accent); border-color:currentColor }
.pill--ghost:hover{ background:rgba(74,84,214,.08) }

/* Accessibility fixes carried from the audit. */
.nav__links a.pill,.cta-card .pill,a.pill{ color:#FFFFFF }
.pill--ghost,a.pill--ghost{ color:var(--accent) }
.legal .src{ opacity:1; color:var(--ink-2) }
.legal p[style*="opacity:.6"]{ opacity:1 !important; color:var(--ink-2) }
