/* AITrade101 shared design tokens — cream/navy Lovart system (2026-11-08) */
:root{
  --navy:#183153;
  --navy-hover:#142840;
  --cream:#F7F3EA;
  --gold:#B49352;
  --surface:#FFFFFF;
  --ink:#252B33;
  --slate:#5B6470;
  --text:#252B33;
  --text-2:#535B66;
  --border:#E8E2D9;
  --tint:#E8EDF4;
  --bg:var(--cream);
  --bg-warm:var(--cream);

  --container:75rem;       /* 1200px */
  --article:47.5rem;       /* 760px */
  --form:40rem;            /* 640px */
  --gutter:2rem;           /* 32px */
  --gutter-mobile:1.25rem; /* 20px */

  --header-min:5rem;       /* 80px */
  --header-min-mobile:4rem;/* 64px */
  --header-py:1rem;
  --hero-home-min:26.25rem;/* ~420px matches current home */
  --hero-home-py:4rem;
  --hero-inner-py:3.5rem;
  --section-py:4rem;
  --card-pad:2rem;
  --gap:1.5rem;
  --footer-py:3rem;
  --radius:.75rem;
  --radius-card:12px;

  --font-sans:inherit;
  --font-serif:inherit;
  --font-main:inherit;

  --shadow-card:0 1px 3px rgba(45,42,38,.04);
  --shadow-panel:0 12px 36px rgba(0,0,0,.12);
}
@media (max-width:64rem){
  :root{ --gutter:1.5rem; }
}
@media (max-width:48rem){
  :root{
    --gutter:var(--gutter-mobile);
    --header-min:var(--header-min-mobile);
    --header-py:.75rem;
    --hero-home-min:0rem;
    --hero-home-py:2.5rem;
    --hero-inner-py:2rem;
    --section-py:2.5rem;
    --card-pad:1.5rem;
    --gap:1rem;
    --footer-py:2rem;
  }
}