/* SYNC shared site styles: fonts, brand colours (day and night), header placeholder, footer.
   The ONE place for these. Every page loads it: the app (app/layout.js), the Timing and Biomarker
   pages (added by scripts/seo-pages.mjs) and the shared header (public/sync-header.js).
   Page-specific styles stay in app/globals.css and public/{timing,biomarkers}/style.css. */

/* Fonts: self-hosted, variable weight. latin-ext is downloaded only when a page uses it (₹ etc.). */
@font-face{font-family:'Inter';font-style:normal;font-display:swap;font-weight:100 900;src:url(/brand/fonts/inter-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Inter';font-style:normal;font-display:swap;font-weight:100 900;src:url(/brand/fonts/inter-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Manrope';font-style:normal;font-display:swap;font-weight:200 800;src:url(/brand/fonts/manrope-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Manrope';font-style:normal;font-display:swap;font-weight:200 800;src:url(/brand/fonts/manrope-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}

/* Brand colours (brand board "Clean Neutral"). Day view is the default; night view when chosen. */
:root{
  --bg:#FAF9F6; --surface:#F1EEE8; --stone:#E8E5DF; --sand:#C9C1B8; --sage:#A7B3A6; --sage-soft:#DDE3DC;
  --fg:#111111; --muted:#5E5A55; --faint:#6E6A64; --line:#E3DFD8; --on-accent:#111111;
  --invert-bg:#111111; --invert-fg:#FAF9F6;
  --warn-bg:#EFE4D6; --warn-line:#E6D6C0; --warn-fg:#6A4A22; --alert-bg:#F3E1DA; --alert-fg:#7A2E1E;
  --display:'Manrope','Helvetica Neue',Arial,sans-serif; --body:'Inter',system-ui,-apple-system,'Segoe UI',sans-serif;
  --r:4px; --r-lg:12px; --site-max:1160px;
  color-scheme:light;
}
:root[data-theme="dark"]{
  --bg:#161615; --surface:#1F1E1C; --stone:#2A2926; --sand:#5B554E; --sage:#A7B3A6; --sage-soft:#2E3530;
  --fg:#F2F0EB; --muted:#BDB6AD; --faint:#A39C93; --line:#33312D; --invert-bg:#F2F0EB; --invert-fg:#111111;
  --warn-bg:#3A3024; --warn-line:#4A3D2E; --warn-fg:#F0D6B0; --alert-bg:#3D2621; --alert-fg:#F5C3B4;
  color-scheme:dark;
}

/* Shared header (public/sync-header.js). The plain links inside <sync-header> are for search engines
   and AI crawlers; the drawn header replaces them once the script runs. */
sync-header{display:block;min-height:61px}
@media (min-width:960px){sync-header{min-height:69px}}
sync-header>.sh-links{display:none}

/* Shared footer (generated by lib/site-shell.js for every page). */
.site-foot{margin-top:48px;border-top:1px solid var(--line);padding:0 max(16px,env(safe-area-inset-left,0px));font-family:var(--body);color:var(--fg)}
.site-foot-in{max-width:var(--site-max);margin:0 auto;padding:48px 0 calc(36px + env(safe-area-inset-bottom,0px));display:flex;flex-direction:column;gap:14px}
.site-foot-top{display:grid;gap:36px;padding-bottom:28px;border-bottom:1px solid var(--line)}
.site-foot-about{display:flex;flex-direction:column;align-items:flex-start;gap:14px;max-width:34ch}
.site-foot-brand{color:var(--fg)}
.site-foot-brand svg{display:block;height:40px;width:auto}
.site-foot-tag{margin:0;font-size:14px;line-height:1.55;color:var(--muted)}
.site-foot-cta{display:inline-flex;align-items:center;min-height:44px;padding:0 20px;border-radius:999px;background:var(--fg);color:var(--bg);text-decoration:none;font-weight:500;font-size:14px}
.site-foot-cta:hover{opacity:.88}
.site-foot-cols{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 24px;font-size:14px}
.site-foot-col{display:flex;flex-direction:column;gap:10px;min-width:0}
.site-foot-h{margin:0 0 2px;font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--faint)}
.site-foot-col a{color:var(--fg);text-decoration:none;min-height:24px;display:inline-flex;align-items:center}
.site-foot-col a:hover{text-decoration:underline}
@media (min-width:720px){.site-foot-cols{grid-template-columns:repeat(3,minmax(0,auto));gap:28px 56px}}
@media (min-width:960px){.site-foot-top{grid-template-columns:minmax(0,1fr) auto;gap:64px}}
.site-foot-note{margin:0;font-size:13px;line-height:1.55;color:var(--muted)}

/* Links to pages that are not live yet (set by scripts/seo-pages.mjs; they relink by themselves once the page exists). */
a[data-soon]{cursor:default}
a[data-soon]::after{display:none!important}