/* =====================================================================
   JUST-IN-TIME MOVING — regional subsite tokens
   Same palette as the parent movingjustintime.com design-system v2.
   These are the SAME COMPANY and must look like it.

   CONTRAST vs #FFFFFF:
     --green (cyan) #00B9E7  2.31:1  fills / icons / 24px+ ONLY, never text
     --green-text   #0F6F8C  5.72:1  AA
     --amber        #F59E0B  2.15:1  fills only
     --ink-2        #2B3547 12.33:1
     --ink-3        #566579  5.94:1
   ===================================================================== */
:root {
  --green: #00B9E7;
  --red:   #DC3D2E;
  --teal:  #0F8FA8;
  --amber: #F59E0B;

  --green-700: #0093BA;
  --green-050: rgba(0,185,231,.10);
  --red-050:   rgba(220,61,46,.10);
  --teal-050:  rgba(15,143,168,.10);
  --amber-050: rgba(245,158,11,.14);

  --green-text: #0F6F8C;
  --teal-text:  #0B5D6E;
  --red-text:   #A82C20;

  --ink:   #0F1420;
  --ink-2: #2B3547;
  --ink-3: #566579;
  --line:  #D7DDE5;
  --surface:   #FFFFFF;
  --surface-2: #F6F8FA;
  --surface-3: #E7ECF2;
  --dark:      #0F1420;
  --dark-2:    #1B2333;
  --on-dark:   #F6F8FA;
  --on-dark-2: #93A2B5;

  --ribbon: linear-gradient(90deg, #00B9E7 0%, #0F8FA8 55%, #F59E0B 100%);

  --radius:    14px;
  --radius-lg: 22px;
  --radius-sm: 8px;

  --shadow-sm: 0 1px 2px rgba(15,20,32,.06), 0 2px 8px rgba(15,20,32,.05);
  --shadow-md: 0 4px 12px rgba(15,20,32,.07), 0 12px 32px rgba(15,20,32,.07);

  --font-head: "Poppins", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --font-body: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;

  --wrap: 1180px;
  --gutter: clamp(20px, 5vw, 40px);
  --section-y: clamp(56px, 9vw, 96px);

  --s1: 8px;  --s2: 16px;  --s3: 24px;  --s4: 32px;
  --s5: 48px; --s6: 64px;  --s7: 96px;
}