/* =============================================================
   MY Human Design — /en/legal/

   Like the calculator page, deliberately almost empty: the layout
   lives in the prototype's inline styles. This file carries only
   the fonts and the prototype's own <style> block, verbatim.

   The font files are shared with /en/calculator/ rather than
   duplicated — one copy, one cache entry.
   ============================================================= */

@font-face { font-family: 'Yeseva One'; font-style: normal; font-weight: 400; font-display: swap; src: url('../calculator/fonts/YesevaOne-Regular.woff2') format('woff2'); }
@font-face { font-family: 'Raleway'; font-style: normal; font-weight: 400; font-display: swap; src: url('../calculator/fonts/Raleway-Regular.woff2') format('woff2'); }
@font-face { font-family: 'Raleway'; font-style: normal; font-weight: 500; font-display: swap; src: url('../calculator/fonts/Raleway-Medium.woff2') format('woff2'); }
@font-face { font-family: 'Raleway'; font-style: normal; font-weight: 600; font-display: swap; src: url('../calculator/fonts/Raleway-SemiBold.woff2') format('woff2'); }

/* --- The prototype's style block, verbatim -------------------- */
html, body { margin: 0; background: #FFFCF5; font-family: 'Raleway', sans-serif; color: #694D2F; }
html { scroll-behavior: smooth; }
a { color: #694D2F; text-decoration-color: #C6BCA3; text-underline-offset: 4px; }
a:hover { text-decoration-color: #CB8874; }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }

/* --- Added for production, not in the prototype --------------- */
:focus-visible { outline: 2px solid #694D2F; outline-offset: 2px; }