/* LuzHoy · approved visual foundation. Runtime source of truth; see DESIGN.md.
   Values shared by components belong here. Homepage-only art stays in home.css. */
@font-face {
  font-family:Manrope;
  font-style:normal;
  font-weight:400 800;
  font-display:swap;
  src:url('/fonts/manrope-latin.woff2') format('woff2');
}
:root {
  color-scheme:light;
  --ink:#0c2c50;
  --muted:#506784;
  --accent:#007a9d;
  --accent-dark:#005573;
  --brand:#0087a3;
  --brand-display:#008aab;
  --canvas:#f0f8fc;
  --paper:#fff;
  --line:#dceaf3;
  --soft:#edf7fc;
  --field-border:#7892a9;
  --warn:#71500a;
  --warn-bg:#fff6d9;
  --error:#a12836;
  --error-bg:#fff0f0;
  --success:#00765b;
  --success-bg:#def8ed;
  --button-start:#00809b;
  --button-end:#006f98;
  --button-hover-start:#007189;
  --button-hover-end:#006080;
  --chart-regular:#35b4ec;
  --chart-regular-end:#a0def5;
  --chart-min:#06986d;
  --chart-min-end:#6ad5af;
  --chart-max:#eb792c;
  --chart-max-end:#ffc75d;
  --font:Manrope,'Segoe UI',sans-serif;
  --text-body:1rem;
  --text-small:.875rem;
  --text-caption:.75rem;
  --text-title:1.55rem;
  --text-display:clamp(2.35rem,4vw,3.55rem);
  --weight-heading:800;
  --space-xs:8px;
  --space-sm:12px;
  --space-md:16px;
  --space-lg:24px;
  --space-xl:32px;
  --space-2xl:40px;
  --radius-sm:8px;
  --radius:14px;
  --radius-lg:22px;
  --radius-pill:24px;
  --shadow-panel:0 10px 32px #215f7910;
  --shadow-action:0 6px 16px #0098b51c;
  --shadow-action-hover:0 8px 18px #0098b530;
  --motion-fast:180ms;
  --ease: ease-out;
}