/* DROPSHOT design tokens.
   Shared with the approved homepage: off-white stock, forest text, muted green actions,
   and a pale lime label for funded rebates. */
@font-face{font-family:"Big Shoulders Display";font-weight:700;font-display:swap;src:url(/fonts/big-shoulders-display-700.woff2) format("woff2")}
@font-face{font-family:"Big Shoulders Display";font-weight:800;font-display:swap;src:url(/fonts/big-shoulders-display-800.woff2) format("woff2")}
@font-face{font-family:"Big Shoulders Display";font-weight:900;font-display:swap;src:url(/fonts/big-shoulders-display-900.woff2) format("woff2")}
@font-face{font-family:"Public Sans";font-weight:400;font-display:swap;src:url(/fonts/public-sans-400.woff2) format("woff2")}
@font-face{font-family:"Public Sans";font-weight:500;font-display:swap;src:url(/fonts/public-sans-500.woff2) format("woff2")}
@font-face{font-family:"Public Sans";font-weight:600;font-display:swap;src:url(/fonts/public-sans-600.woff2) format("woff2")}
@font-face{font-family:"Public Sans";font-weight:700;font-display:swap;src:url(/fonts/public-sans-700.woff2) format("woff2")}

:root{
  color-scheme:light;
  /* surfaces */
  --stock:#fafbfa;          /* the page */
  --sleeve:#f1f5f1;         /* raised: panels, popovers */
  --paper:#ffffff;          /* label stock, inputs */
  --ink-band:#143b2d;       /* dark bands and the flap board */
  /* text */
  --ink:#102e2a;
  --ink-2:#566c60;
  --ink-3:#56685c;
  /* rules */
  --line:#e0e8e0;
  --line-strong:#b8c9bb;
  /* meaning */
  --blue:#367e64;           /* anything you can press */
  --blue-ink:#245c49;
  --blue-wash:#edf6ef;
  --tag:#d9edbe;            /* markdown: ONLY for funded price reductions */
  --tag-ink:#2b4e29;
  --ok:#096b47;   --ok-wash:#dcf3e9;
  --warn:#8f5200; --warn-wash:#fff0d1;
  --danger:#b8231a; --danger-wash:#fde4e1;
  /* graders (label stripe only; names are data, not logos) */
  --g-psa:#c8102e; --g-cgc:#0057b8; --g-bgs:#1b1b1b; --g-sgc:#00875a; --g-other:#44506b;
  --foil-a:#8fe8ff; --foil-b:#f0b6ff; --foil-c:#ffe98a;

  /* type */
  --display:"Public Sans",system-ui,-apple-system,"Segoe UI",sans-serif;
  --text:"Public Sans",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --mono:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  --fs-xs:.75rem;--fs-sm:.875rem;--fs-md:1rem;--fs-lg:1.125rem;--fs-xl:1.375rem;
  --fs-2xl:clamp(1.75rem,1.4rem + 1.4vw,2.5rem);
  --fs-3xl:clamp(2.5rem,1.8rem + 3vw,4.25rem);
  --fs-hero:clamp(3.6rem,2.2rem + 7vw,8.25rem);

  /* space and shape */
  --gutter:clamp(16px,4vw,40px);
  --page:1280px;
  --r-sm:6px;--r-md:10px;--r-lg:16px;--r-slab:16px;
  --s-1:4px;--s-2:8px;--s-3:12px;--s-4:16px;--s-5:24px;--s-6:32px;--s-7:48px;--s-8:72px;--s-9:112px;

  /* motion: short and purposeful */
  --ease:cubic-bezier(.2,.7,.2,1);
  --t-fast:120ms;--t-med:220ms;--t-slow:420ms;
  --shadow-1:0 8px 24px -20px rgba(23,62,40,.25);
  --shadow-2:0 18px 40px -28px rgba(23,62,40,.3);
  --focus:0 0 0 3px var(--paper),0 0 0 5px var(--blue);
}
@media (prefers-reduced-motion:reduce){
  :root{--t-fast:1ms;--t-med:1ms;--t-slow:1ms}
}