/* =========================================================
   MEGASUSS design tokens — light theme only
   ========================================================= */
:root {
  /* Brand */
  --ms-navy: #07152D;
  --ms-navy-2: #0B2147;
  --ms-navy-deep: #040D1D;
  --ms-orange: #FF6B00;
  --ms-orange-hover: #E05E00;
  --ms-orange-text: #C24E00;       /* AA-contrast orange for text on white */
  --ms-orange-soft: #FFF3EA;
  --ms-gold: #F5A800;
  --ms-gold-soft: #FFF7E0;

  /* Surfaces */
  --ms-white: #FFFFFF;
  --ms-bg-alt: #F4F7FA;
  --ms-bg-tint: #EEF2F7;
  --ms-navy-tint: #E8EDF5;

  /* Text */
  --ms-text: #101828;
  --ms-text-2: #475467;            /* secondary on light (AA) */
  --ms-text-secondary: #667085;
  --ms-text-muted: #98A2B3;        /* decorative / large only */
  --ms-on-navy: #FFFFFF;
  --ms-on-navy-2: #C3CCDB;

  /* Lines */
  --ms-border: #E4E7EC;
  --ms-border-strong: #D0D5DD;
  --ms-line-navy: rgba(7, 21, 45, .12);

  /* Status */
  --ms-success: #15803D;
  --ms-success-soft: #ECFDF3;
  --ms-warning: #B45309;
  --ms-warning-soft: #FFFAEB;
  --ms-error: #B42318;
  --ms-error-soft: #FEF3F2;
  --ms-info: #1D4ED8;
  --ms-info-soft: #EFF4FF;

  /* Typography */
  --ms-font-heading: 'Manrope', 'Segoe UI', system-ui, -apple-system, sans-serif;
  --ms-font-body: 'Inter', 'Segoe UI', system-ui, -apple-system, sans-serif;
  --ms-fs-xs: .875rem;              /* 14px — minimum label size */
  --ms-fs-sm: .9375rem;             /* 15px */
  --ms-fs-base: 1rem;               /* 16px — minimum body size */
  --ms-fs-lg: clamp(1.0625rem, 1rem + .3vw, 1.1875rem);
  --ms-fs-h6: 1rem;
  --ms-fs-h5: clamp(1.125rem, 1.05rem + .35vw, 1.25rem);
  --ms-fs-h4: clamp(1.25rem, 1.1rem + .6vw, 1.5rem);
  --ms-fs-h3: clamp(1.5rem, 1.25rem + 1vw, 1.875rem);
  --ms-fs-h2: clamp(1.875rem, 1.45rem + 1.7vw, 2.625rem);
  --ms-fs-h1: clamp(2.25rem, 1.6rem + 2.8vw, 3.75rem);
  --ms-fs-display: clamp(2.4rem, 1.5rem + 2.6vw, 3.75rem);
  --ms-lh-tight: 1.12;
  --ms-lh-heading: 1.2;
  --ms-lh-body: 1.65;
  --ms-tracking-eyebrow: .16em;

  /* Spacing scale */
  --ms-space-1: .25rem;
  --ms-space-2: .5rem;
  --ms-space-3: .75rem;
  --ms-space-4: 1rem;
  --ms-space-5: 1.5rem;
  --ms-space-6: 2rem;
  --ms-space-7: 3rem;
  --ms-space-8: 4rem;
  --ms-section-y: clamp(4rem, 3rem + 4vw, 7rem);
  --ms-gutter: clamp(1rem, .6rem + 1.6vw, 2rem);

  /* Radius — controlled, not pill-heavy */
  --ms-radius-sm: 6px;
  --ms-radius: 10px;
  --ms-radius-lg: 16px;

  /* Elevation — subtle */
  --ms-shadow-xs: 0 1px 2px rgba(16, 24, 40, .05);
  --ms-shadow-sm: 0 1px 3px rgba(16, 24, 40, .08), 0 1px 2px rgba(16, 24, 40, .04);
  --ms-shadow-md: 0 8px 24px -6px rgba(7, 21, 45, .12), 0 2px 6px rgba(7, 21, 45, .05);
  --ms-shadow-lg: 0 24px 48px -12px rgba(7, 21, 45, .18);

  /* Focus */
  --ms-focus-ring: 0 0 0 3px #FFFFFF, 0 0 0 5px var(--ms-orange-hover);

  /* Motion */
  --ms-ease: cubic-bezier(.2, .7, .2, 1);
  --ms-dur: 220ms;

  /* Layout */
  --ms-header-h: 76px;
  --ms-infobar-h: 40px;
  --ms-container: 1240px;

  /* Bootstrap overrides */
  --bs-body-font-family: var(--ms-font-body);
  --bs-body-color: var(--ms-text);
  --bs-body-bg: var(--ms-white);
  --bs-border-color: var(--ms-border);
  --bs-link-color: var(--ms-navy-2);
  --bs-link-color-rgb: 11, 33, 71;
  --bs-link-hover-color: var(--ms-orange-hover);
  --bs-link-hover-color-rgb: 224, 94, 0;
  --bs-primary: var(--ms-orange);
  --bs-primary-rgb: 255, 107, 0;
  --bs-border-radius: var(--ms-radius);
  --bs-focus-ring-color: rgba(255, 107, 0, .35);
}