/* ============================================================
   RESIDIO — V001 design tokens (single source of visual truth)
   Fonts: Instrument Sans (UI) · Space Grotesk (numerals/display)
          · Quicksand (wordmark only)
   ============================================================ */
:root {
  /* brand */
  --green: #0C513C;
  --green-deep: #083726;
  --green-ink: #07301F;
  --green-soft: #0A4132;
  --mint: #98DADA;
  --mint-tint: #EAF6F4;
  --mint-chart: #BFE0DA;

  /* gold (owner share) */
  --gold: #D3A84A;
  --gold-hi: #E7C878;
  --gold-text: #9A7B2E;
  --gold-tint: #FBF2DC;
  --gold-soft: #E4C471;

  /* surfaces */
  --cream: #F4F3ED;
  --cream-hi: #FAF9F4;
  --paper: #F5F2EC;
  --card: #FFFFFF;

  /* text */
  --ink: #0E1F1A;
  --muted: #8A948E;
  --dim: #5C6A63;

  /* status */
  --ok: #1FA971;        --ok-tint: #E7F6EF;
  --warn: #C08A2E;      --warn-tint: #FFF3E4;
  --warn-dot: #E0A93B;
  --neg: #CF6B57;
  --blue: #3E6FB0;      --blue-tint: #EAF0F7;
  --indigo: #4A5DB8;    --indigo-tint: #EAECF7;
  --terra: #C0705F;     --terra-tint: #F6E9E6;
  --gray: #5C6A63;      --gray-tint: #ECEFED;
  --purple: #7A5CB0;
  --disabled: #EFEDE6;

  /* hairlines */
  --line: rgba(12, 81, 60, 0.10);
  --line-soft: rgba(12, 81, 60, 0.06);
  --line-hard: rgba(12, 81, 60, 0.16);

  /* radii */
  --r-sm: 8px;
  --r-md: 14px;
  --r-lg: 18px;
  --r-xl: 24px;
  --r-pill: 99px;

  /* shadows — flat design; only shell / CTA / toast / modal */
  --sh-shell: 0 30px 80px rgba(7, 48, 31, 0.35);
  --sh-cta: 0 10px 24px rgba(12, 81, 60, 0.28);
  --sh-toast: 0 14px 40px rgba(14, 31, 26, 0.25);
  --sh-modal: 0 24px 70px rgba(14, 31, 26, 0.30);

  /* fonts */
  --f-ui: 'Instrument Sans', -apple-system, sans-serif;
  --f-num: 'Space Grotesk', 'Instrument Sans', sans-serif;
  --f-wordmark: 'Quicksand', sans-serif;
}

* { margin: 0; padding: 0; box-sizing: border-box; }
html, body { height: 100%; }
body {
  font-family: var(--f-ui);
  color: var(--ink);
  -webkit-font-smoothing: antialiased;
  background: var(--cream);
}
button { font-family: var(--f-ui); cursor: pointer; border: none; background: none; }
a { color: inherit; text-decoration: none; }

/* wordmark helper: <span class="rz-wordmark">resid<span class="i">i</span><span class="o">o</span><span class="dot">.</span></span> */
.rz-wordmark { font-family: var(--f-wordmark); font-weight: 700; letter-spacing: 0.01em; }
.rz-wordmark .o { color: var(--mint); }
.rz-wordmark .dot { color: var(--gold); }

/* shared keyframes (V001) */
@keyframes rz-fade-up { from { opacity: 0; transform: translateY(14px); } to { opacity: 1; transform: none; } }
@keyframes rz-pop { from { opacity: 0; transform: scale(0.96); } to { opacity: 1; transform: none; } }
@keyframes rz-toast { from { opacity: 0; transform: translateY(16px) scale(0.97); } to { opacity: 1; transform: none; } }

::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-thumb { background: rgba(12, 81, 60, 0.18); border-radius: 99px; }
::-webkit-scrollbar-track { background: transparent; }