/*
 * Product Advising shared tokens. Values mirror tokens/design-tokens.json.
 * Spacing, radius and font tokens reuse the Geospatial site's scale so every property shares one
 * rhythm. Geospatial keeps its own palette (--navy #092350, --blue #0868f6) inside its own CSS.
 */
:root {
  /* Brand (owner-confirmed 2026-10-19) */
  --pa-crimson: #C71932;
  --pa-crimson-dark: #A3142A;
  --pa-navy: #10294A;
  --pa-action-blue: #0868F6;
  --pa-pale-slate: #F4F7FB;
  --pa-slate-text: #53657D;
  --pa-border: #DBE3EF;
  --pa-white: #FFFFFF;

  /* Mission membership tiers: badges always carry a text label (gold is 2.82:1 on white) */
  --pa-tier-sapphire: #1769C2;
  --pa-tier-emerald: #09856C;
  --pa-tier-gold: #C59126;

  /* Shared with the Geospatial scale */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-7: 32px;
  --space-8: 40px;
  --space-9: 48px;
  --space-10: 56px;
  --space-11: 72px;
  --radius-sm: 7px;
  --radius-md: 10px;
  --radius-lg: 14px;
  --content-max: 1280px;
  --gutter: 32px;
  --pa-shadow-sm: 0 2px 10px rgba(16, 41, 74, .06);
  --pa-focus: 0 0 0 3px rgba(8, 104, 246, .45);

  --font-sans: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
}

@media (max-width: 760px) {
  :root { --gutter: 20px; }
}