@import url('https://fonts.googleapis.com/css2?family=Source+Sans+3:wght@400;500;700&display=swap');
@import url('/includes/header.css');

/*
Theme Name: Senseye
Version: 2.0.0
*/

/* =====================================================
   DESIGN TOKENS
   ===================================================== */

:root {
  --senseye-navy:        #293268;
  --senseye-navy-deep:   #1b2256;
  --senseye-teal:        #00D8BB;
  --senseye-teal-dim:    rgba(0, 216, 187, 0.18);
  --senseye-white:       #ffffff;
  --senseye-text:        rgba(255, 255, 255, 0.90);
  --senseye-text-muted:  rgba(255, 255, 255, 0.65);
  --senseye-border:      rgba(255, 255, 255, 0.12);
  --senseye-nav-bg:      rgba(30, 37, 80, 0.82);
  --senseye-dropdown-bg: #1e2554;
  --senseye-footer-bg:   rgba(20, 26, 60, 0.88);
  --senseye-radius:      8px;
  --senseye-ease:        cubic-bezier(0.2, 0.8, 0.2, 1);
}


/* =====================================================
   LAYOUT & FORMAT
   ===================================================== */

html {
  background-attachment: fixed;
}

body {
  margin: 0;
  padding: 0;
}

body, p {
  font-family: 'Source Sans 3', sans-serif;
}


/* =====================================================
   COLORS & THEME
   ===================================================== */

/* Page background gradient */
html {
  background-color: var(--senseye-navy);
  background-image:
    radial-gradient(circle 1100px at -12% 18%, rgba(0, 216, 187, 0.42) 0%, transparent 65%),
    radial-gradient(circle 1200px at 112% 84%, rgba(0, 216, 187, 0.42) 0%, transparent 65%);
}

/* Global text color */
body, p {
  color: var(--senseye-text);
}

/* Links */
a { color: var(--senseye-teal); }
a:hover { color: #fff; }

/* Headings */
h1, h2, h3, h4, h5, h6 {
  color: #ffffff;
}

/* Dividers */
hr {
  border-color: var(--senseye-border);
}


/* =====================================================
   Component-specific styles live in separate files:
     Header nav  → /includes/header.css  (via @import above)
     Footer      → /includes/footer.css  (linked in footer.html)
     Health systems / payers / org → /includes/health-systems.css
   ===================================================== */