@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap");

:root {
  --ink:                #0A0D1C;
  --ink-soft:           #4a5173;
  --bg:                 #FFFFFF;
  --surface:            #F4F6FB;
  --line:               #E5E7EF;
  --brand:              #1F2647;
  --brand-hover:        #151A35;
  --brand-deep:         #0F1733;
  --accent:             #F2B100;
  --btn-primary-text:   #FFFFFF;

  --font-display:       "Inter", system-ui, sans-serif;
  --font-sans:          "Inter", system-ui, sans-serif;

  --radius:             8px;
  --radius-pill:        800px;
  --container:          1280px;
  --pad:                32px;

  --fs-h1:              60px;
  --fs-h1-lh:           1.05;
  --fs-h2:              44px;
  --fs-h2-lh:           1.08;
}

/* Sunrun ships pill-radius buttons everywhere */
.btn { border-radius: var(--radius-pill); }