/* ShadePorts brand tokens (from "SP Branding" guide): Inter, navy primaries, orange accents. */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');
:root {
  --sp-navy-900: #122544;   /* Primary 1 */
  --sp-navy-700: #1D3B6D;   /* Primary 2 */
  --sp-navy-500: #275195;   /* Primary 3 */
  --sp-blue-400: #5282D1;   /* Secondary */
  --sp-blue-50:  #F3F6FC;   /* Secondary light */
  --sp-orange-700: #B85E0F;
  --sp-orange-500: #EA710A;
  --sp-orange-300: #F68C32;
  --sp-grey-900: #1F1F1F;
  --sp-grey-100: #F5F5F5;
  --sp-gradient: linear-gradient(90deg, #3DB5C5 0%, #5282D1 52%, #F68C32 100%);
  --sp-font: 'Inter', -apple-system, 'Segoe UI', Roboto, Arial, sans-serif;
}
.sp-stripe { height: 4px; background: var(--sp-gradient); }