/* CareLogic 2.0 brand tokens + shared chrome. Self-hosted assets:
   HTMX 2.0.4, Alpine 3.14.8, Raleway (400/600/700/800), Cardo (400 + italic). */
:root {
  --navy: #001D31;
  --primary: #0C436B;
  --accent: #1199DD;
  --secondary: #28AEE4;
  --surface: #FFFFFF;
  --line: #EAEAEA;
  --gray: #B1B0B2;
  --green-fill: #43a047; --green-bg: #e8f5e9; --green-text: #1b5e20;
  --yellow-fill: #fbc02d; --yellow-bg: #fff8e1; --yellow-text: #b7791f;
  --red-fill: #e53935; --red-bg: #ffebee; --red-text: #c62828;
}

@font-face { font-family: "Raleway"; font-weight: 400; font-display: swap; src: url("/static/fonts/raleway-400.woff2") format("woff2"); }
@font-face { font-family: "Raleway"; font-weight: 600; font-display: swap; src: url("/static/fonts/raleway-600.woff2") format("woff2"); }
@font-face { font-family: "Raleway"; font-weight: 700; font-display: swap; src: url("/static/fonts/raleway-700.woff2") format("woff2"); }
@font-face { font-family: "Raleway"; font-weight: 800; font-display: swap; src: url("/static/fonts/raleway-800.woff2") format("woff2"); }
@font-face { font-family: "Cardo"; font-weight: 400; font-style: normal; font-display: swap; src: url("/static/fonts/cardo-400.woff2") format("woff2"); }
@font-face { font-family: "Cardo"; font-weight: 400; font-style: italic; font-display: swap; src: url("/static/fonts/cardo-400-italic.woff2") format("woff2"); }

*, *::before, *::after { box-sizing: border-box; }
body {
  margin: 0; font-family: "Raleway", -apple-system, "Segoe UI", Roboto, sans-serif;
  color: #1a1a1a; line-height: 1.55; background: var(--surface);
}
.container { max-width: 820px; margin: 0 auto; padding: 0 20px; }

.site-header { background: var(--navy); color: #fff; }
.site-header .container { display: flex; align-items: center; justify-content: space-between; height: 108px; }
.logo { display: inline-flex; align-items: center; color: #fff; text-decoration: none; }
.logo .logo-img { height: 84px; width: auto; display: block; }
.header-right { display: flex; align-items: center; gap: 16px; font-size: 14px; }
.lang-toggle a { color: rgba(255,255,255,0.75); text-decoration: none; }
.lang-toggle a.active { color: #fff; font-weight: 700; }
.lang-toggle .sep { color: rgba(255,255,255,0.4); margin: 0 6px; }

a:focus-visible, button:focus-visible, input:focus-visible, [tabindex]:focus-visible {
  outline: 3px solid var(--accent); outline-offset: 2px;
}

.btn-cta {
  display: inline-block; padding: 14px 28px; background: var(--secondary); color: #fff;
  text-decoration: none; border: none; border-radius: 4px; font: inherit; font-weight: 700;
  cursor: pointer;
}
.btn-cta:hover { background: var(--accent); }

footer.site-footer { margin-top: 60px; padding: 16px 0; border-top: 1px solid var(--line); font-size: 12px; color: var(--gray); }