/* =============================================================================
   Whole Life Wealth — Unified Design System & Component Library
   =============================================================================

   One palette. There is no light/dark mode here and none is wanted: these pages
   render the same way for everyone. Do not add a `prefers-color-scheme` block or
   a theme toggle — if a surface needs to be darker, use the --shell-* tokens,
   which are part of the palette rather than an alternate version of it.

   WHY THIS FILE LIVES IN calculator/
   `calculator/` is a Cloudflare Pages deploy root — it is served at
   /calculator/ on whole-life-wealth.com and at / on computationalhedonism.com.
   Anything the calculator loads has to sit inside this directory or the mirror
   404s on it. The landing page links it absolutely at /calculator/theme.css.
   See docs/DEPLOYMENT.md.
   ========================================================================== */

@import "./css/tokens.css";
@import "./css/base.css";
@import "./css/components/buttons.css";
@import "./css/components/meters.css";
@import "./css/components/forms.css";
@import "./css/components/cards.css";
@import "./css/components/modals.css";
@import "./css/components/ambient.css";
@import "./css/views/audit.css";
@import "./css/views/dashboard.css";
@import "./css/views/results.css";
@import "./css/views/math.css";
@import "./css/views/calibrate.css";

/* ---- Canonical measured/resolved wealth cube ---------------------------- */
.wlw-live-cube { display: block; width: 100%; height: auto; overflow: visible; }
.wlw-3d-cube-svg { display: block; width: 100%; height: auto; overflow: visible; }
.wlw-live-cube__floor { fill: var(--ink-04); stroke: var(--ink-12); stroke-width: 1; }
.wlw-live-cube__room { fill: none; stroke: var(--ink-25); stroke-width: 1.2; stroke-dasharray: 4 4; }
.wlw-live-cube__body polygon { stroke: var(--ink); stroke-width: 1.7; stroke-linejoin: round; }
.wlw-live-cube [data-face="top"] { fill: #dadee4; }
.wlw-live-cube [data-face="left"] { fill: #aeb4be; }
.wlw-live-cube [data-face="right"] { fill: #88909c; }
.wlw-live-cube__mesh { fill: none; stroke: rgba(26, 25, 22, .25); stroke-width: .75; }
.wlw-live-cube__labels { font: 800 16px/1 var(--font-mono); letter-spacing: .1em; fill: var(--ink); }