/* Light Room skin for the supporting pages (Kene, Oct 20, 2026).
 *
 * The supporting pages (how it works, pricing, about, policies, guides and
 * the rest) were written on Design System 4. This file loads last and moves
 * every one of them onto the Light Room brand bible: white ground, Inter
 * Tight, Ink and Stone text, Money green for emphasis and the main button,
 * black pills for every other button, neutral light-from-the-top-left
 * shadows. No tan, no Newsreader, no bronze, nothing from the old looks.
 */
:root {
  --paper: #FFFFFF;
  --key: #FFFFFF;
  --ink: #0C0E0D;
  --ink-2: #3D423F;
  --ink-3: #656A67;
  --hair: rgba(12, 14, 13, .1);
  --hair-2: rgba(12, 14, 13, .06);
  --night: #000000;
  --bone: #FFFFFF;
  --bone-2: #E9F3EE;
  --bone-3: #8C9590;
  --pool: #164832;
  --sage: #107550;
  --sage-d: #87CCAA;
  --bronze: #107550;
  --bronze-d: #87CCAA;
  --clay: #A97416;
  --clay-d: #EFC876;
  --terra: #A64736;
  --terra-d: #DE826A;
  --surface: #F0F5F2;
  --surface-2: #FFFFFF;
  --well: rgba(12, 14, 13, .045);
  --serif: "Inter Tight", "Helvetica Neue", Helvetica, Arial, sans-serif;
  --sans: "Inter Tight", "Helvetica Neue", Helvetica, Arial, sans-serif;
  --radius: 24px;
  --radius-sm: 16px;
  --shadow-card: inset 0 1px 0 rgba(255, 255, 255, .9), 0 24px 50px -32px rgba(12, 14, 13, .28);
  --shadow-glass: inset 0 1px 0 rgba(255, 255, 255, .95), inset 0 0 0 1px rgba(12, 14, 13, .05), 0 30px 70px -36px rgba(12, 14, 13, .35), 0 8px 18px -12px rgba(12, 14, 13, .12);
}
html, body.ls-page { background: #FFFFFF; }
body.ls-page { color: var(--ink); font-family: var(--sans); -webkit-font-smoothing: antialiased; }
::selection { background: rgba(16, 117, 80, .18); }
:focus-visible { outline-color: #107550; }

/* Type: one family. Headlines light and tight, like the bible. The one
   emphasized phrase turns Money green instead of italic. */
.ls-h1, .ls-h2, .ls-h3, .ls-display, .doc-h1 { font-family: var(--sans); font-weight: 300; letter-spacing: -.045em; }
.ls-h1 { letter-spacing: -.052em; }
.ls-h3 { font-weight: 400; letter-spacing: -.022em; }
.ls-h1 em, .ls-h2 em, .ls-h3 em, .ls-display em { font-style: normal; font-weight: inherit; color: #107550; }
.ls-dark .ls-h1 em, .ls-dark .ls-h2 em, .ls-dark .ls-h3 em { color: #87CCAA; }
.ls-num { font-family: var(--sans); font-weight: 300; letter-spacing: -.04em; }
.ls-label { letter-spacing: .01em; }
.ls-wordmark { font-family: var(--sans); letter-spacing: -.04em; }

/* Buttons: lit green for the main action, black for the rest. */
.ls-btn { border-radius: 999px; font-family: var(--sans); font-weight: 500; letter-spacing: -.01em; }
.ls-btn-sage, .ls-dark .ls-btn-sage { color: #FFFFFF; background: linear-gradient(180deg, #2C8E66 0%, #107550 55%, #00603F 100%); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .35), inset 0 -1px 0 rgba(0, 0, 0, .22), 0 12px 26px -10px rgba(16, 117, 80, .6), 0 0 0 1px rgba(0, 96, 63, .35); }
.ls-btn-sage:hover { background: linear-gradient(180deg, #2C8E66 0%, #107550 55%, #00603F 100%); filter: brightness(1.04); }
.ls-btn-ghost { color: #FFFFFF; background: linear-gradient(180deg, #2A2D2C, #0C0E0D); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .16), 0 12px 24px -12px rgba(12, 14, 13, .55); }
.ls-btn-ghost:hover { background: linear-gradient(180deg, #333736, #141716); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), 0 14px 28px -12px rgba(12, 14, 13, .6); }
.ls-dark .ls-btn-ghost { color: #0C0E0D; background: #FFFFFF; box-shadow: 0 10px 30px -10px rgba(168, 237, 196, .5); }

/* The old soft blobs are retired: the page is plain white. */
.ls-pearls, .ls-pearl { display: none !important; }

/* Surfaces: Mist panels and frosted white glass, light from the top left. */
.ls-glass { background: rgba(255, 255, 255, .82) !important; -webkit-backdrop-filter: blur(18px) saturate(140%); backdrop-filter: blur(18px) saturate(140%); box-shadow: var(--shadow-glass) !important; border: 0 !important; }

/* The dark band becomes Night: real black with one soft forest light. */
.ls-dark { background: radial-gradient(ellipse 70% 60% at 50% 110%, #164832 0%, #04110B 45%, #000 80%) !important; color: #FFFFFF; }

/* Policy and guide pages read like the bible's quiet pages. */
.doc, .doc p, .doc li { font-family: var(--sans); color: #3D423F; }
.doc h2, .doc h3 { font-family: var(--sans); font-weight: 400; letter-spacing: -.025em; color: #0C0E0D; }
.doc a { color: #0C0E0D; text-decoration-color: rgba(12, 14, 13, .3); }

/* The old menu and footer are replaced by the Light Room ones; if a page
   still carries them, they stay hidden. */
.ls-nav, .ls-sheet, .ls-footer, .ls-skip { display: none !important; }

/* Any headline's one emphasized word: Money green, upright, same weight. */
body.ls-page h1 em, body.ls-page h2 em { font-style: normal; font-weight: inherit; color: #107550; }