/* ============================================================================
   Native Apps Team — design tokens.  SHARED CONTRACT.
   Both build agents consume these names. Do not rename; add only.
   ========================================================================= */
:root{
  /* Aurora brand ramp (studio identity — from brand memory) */
  --cobalt:#2B4BFF; --violet:#7B5BFF; --peach:#FF9F7A; --mint:#7FE0C4;
  --aurora:linear-gradient(100deg,var(--cobalt),var(--violet),var(--peach),var(--mint));

  /* Neutrals — light */
  --paper:#FFFFFF;
  --paper-2:#F5F5F7;      /* Apple-style off-white section band */
  --ink:#1D1D1F;          /* Apple near-black */
  --ink-2:#6E6E73;        /* secondary text */
  --ink-3:#86868B;        /* tertiary / captions */
  --hair:rgba(0,0,0,.10);
  --card:#FFFFFF;
  --shadow:0 1px 2px rgba(0,0,0,.04),0 8px 24px rgba(0,0,0,.06);

  /* Fluid type — clamp(min, preferred, max); never blocks zoom (uses rem) */
  --t-hero:clamp(2.75rem,1.6rem + 5.6vw,6rem);
  --t-h2:clamp(2rem,1.35rem + 3.1vw,3.75rem);
  --t-h3:clamp(1.35rem,1.15rem + .9vw,1.9rem);
  --t-lead:clamp(1.1rem,1rem + .5vw,1.45rem);
  --t-body:clamp(1rem,.97rem + .16vw,1.125rem);
  --t-cap:.8125rem;

  /* Fluid space */
  --s-1:clamp(.5rem,.45rem + .2vw,.75rem);
  --s-2:clamp(1rem,.9rem + .4vw,1.5rem);
  --s-3:clamp(1.5rem,1.3rem + .9vw,2.5rem);
  --s-4:clamp(2.5rem,2rem + 2.2vw,5rem);
  --s-5:clamp(4rem,3rem + 4.5vw,9rem);

  --wrap:1120px;              /* content max-width */
  --gutter:clamp(1.25rem,5vw,3rem);
  --radius:22px;
  --radius-sm:14px;

  /* Motion — Apple-ish easing */
  --ease:cubic-bezier(.28,.11,.32,1);
  --ease-out:cubic-bezier(.16,1,.3,1);
  --dur:.7s;

  --nav-h:52px;
}
@media (prefers-color-scheme:dark){
  :root{
    --paper:#000000; --paper-2:#0B0B0D; --ink:#F5F5F7; --ink-2:#A1A1A6;
    --ink-3:#86868B; --hair:rgba(255,255,255,.14); --card:#141416;
    --shadow:0 1px 2px rgba(0,0,0,.5),0 10px 30px rgba(0,0,0,.5);
  }
}