/* Shared look for the standalone pages (welcome, pricing, privacy, terms,
   disclaimer, calculators). Ports the app's terracotta + Open Sans token
   system so every non-app surface reads as the same product. Each page
   still owns its own layout in its <style>; this only supplies the
   palette, the type family, and a light base reset. Keep the token
   values in lockstep with the :root blocks in css/app.css. */

@font-face{font-family:"Open Sans";font-style:normal;font-weight:300 500;font-display:swap;
  src:url(/vendor/opensans-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:"Open Sans";font-style:normal;font-weight:300 500;font-display:swap;
  src:url(/vendor/opensans-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}

/* Dark is the base set (matches app.css :root). */
:root{
  --font:"Open Sans",Helvetica,Arial,"Segoe UI",system-ui,sans-serif;
  --bg:#14100c;
  --panel:#1e1811;
  --panel2:#261e15;
  --num:#e2d9cf;
  --body:#a89686;
  --cap:#8a7c69;
  --white:#fbf3ea;
  --accent:#a97452;
  --inv-bg:#a97452;
  --inv-text:#fff8f2;
  --fg-rgb:216,196,178;
  --hi-rgb:255,248,242;
  --line:rgba(var(--fg-rgb),0.12);
  /* The standalone pages used --green as their single highlight / CTA
     colour. Point it at the accent so those buttons and links pick up
     the terracotta without touching every rule. Real status colours
     stay below. */
  --green:#a97452;
  --pos:#3fb27f;
  --amber:#c79a3a;
  --red:#c0503f;
  --blue:#5b8def;
}

/* Explicit light choice (matches app.css :root[data-theme="light"]). */
:root[data-theme="light"]{
  --bg:#f7f1ea;
  --panel:#fffbf6;
  --panel2:#efe3d5;
  --num:#2b2015;
  --body:#6f5f4e;
  --cap:#786957;
  --white:#1c140b;
  --accent:#a97452;
  --inv-bg:#a97452;
  --inv-text:#fff8f2;
  --fg-rgb:70,50,32;
  --hi-rgb:255,255,255;
  --line:rgba(var(--fg-rgb),0.12);
  --green:#a97452;
  --pos:#3fb27f;
  --amber:#c79a3a;
  --red:#c0503f;
  --blue:#5b8def;
  color-scheme:light;
}

/* Note: every standalone page's <head> boot script sets data-theme="light"
   for anyone who has not explicitly chosen dark (mirroring the app's
   index.html), and adds no attribute for a dark chooser. So the :root
   block above is the dark theme, [data-theme="light"] is the light theme,
   and there is deliberately no prefers-color-scheme fallback here - it
   would fight that boot logic. */

/* Base reset. Low specificity so each page's own <style> still wins for
   layout; this only sets the family, the canvas, and link colour. */
html,body{margin:0}
body{
  background:var(--bg);
  color:var(--body);
  font-family:var(--font);
  font-weight:400;
  line-height:1.6;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
a{color:var(--accent);text-decoration:none}
a:hover{color:var(--num)}
/* Theme the scrollbar like the app rather than hiding it. */
*{scrollbar-width:thin;scrollbar-color:var(--line) var(--bg)}
*::-webkit-scrollbar{width:10px;height:10px}
*::-webkit-scrollbar-track{background:var(--bg)}
*::-webkit-scrollbar-thumb{background:var(--line);border-radius:8px}
*::-webkit-scrollbar-thumb:hover{background:var(--accent)}
