/* Verdanity design tokens — imported from the claude.ai/design project
   "LL97 Building Exposure Check" (verdanity-design-system-019e1dc6…).
   Colors, typography, and effects, consolidated. Do not hand-edit values;
   re-pull from the design project if the system changes. */

/* Figtree — brand typeface (Google Fonts) */
@import url('https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,300..900;1,300..900&display=swap');

:root {
  /* --- Brand greens --- */
  --green-50:#E6FBF3; --green-100:#DFFAF0; --green-200:#A8F0D8; --green-300:#6FE5BE;
  --green-400:#2DD79E; --green-500:#05C586; --green-600:#04AD78; --green-700:#039066;
  --green-800:#02714F; --accent:#00FFAB;

  /* --- Warm neutrals --- */
  --white:#FFFFFF; --ink-50:#F5F5F5; --ink-100:#EFEEEE; --ink-200:#E2DEDF; --ink-300:#C9C4C5;
  --ink-400:#A39D9E; --ink-500:#7A7476; --ink-600:#5C5658; --ink-700:#423D3E; --ink-800:#2E2A2B;
  --ink-900:#231F20; --ink-950:#1A1617;

  /* --- Functional --- */
  --info:#2E8FE0; --warn:#E8A12B; --danger:#E5533D; --success:#05C586;

  /* --- Semantic (light) --- */
  --color-bg:#FFFFFF; --color-bg-subtle:#FAFAF9; --color-surface:#FFFFFF;
  --color-surface-sunken:#F5F5F5; --color-surface-raised:#FFFFFF; --color-surface-dark:#231F20;
  --color-border:#E7E4E2; --color-border-strong:#C9C4C5; --color-border-subtle:#F0EEEE;
  --color-text:#231F20; --color-text-muted:#5C5658; --color-text-subtle:#7A7476; --color-text-inverse:#FFFFFF;
  --color-primary:#05C586; --color-primary-hover:#04AD78; --color-primary-press:#039066;
  --color-on-primary:#08251B; --color-primary-soft:#DFFAF0; --color-primary-soft-text:#02714F;
  --color-accent:#00FFAB; --color-focus-ring:rgba(5,197,134,.45);

  /* --- Typography --- */
  --font-sans:'Figtree',system-ui,-apple-system,'Segoe UI',sans-serif;
  --font-mono:ui-monospace,'SF Mono',Menlo,Consolas,monospace;

  /* --- Effects --- */
  --shadow-xs:0 1px 2px rgba(35,31,32,.06); --shadow-sm:0 2px 6px rgba(35,31,32,.07);
  --shadow-md:0 6px 20px rgba(35,31,32,.09); --shadow-lg:0 16px 44px rgba(35,31,32,.12);
  --shadow-xl:0 30px 70px rgba(35,31,32,.16);
  --ease-out:cubic-bezier(.22,1,.36,1); --ease-spring:cubic-bezier(.34,1.56,.64,1);
  --gradient-brand:linear-gradient(135deg,#05C586 0%,#00FFAB 100%);
  --gradient-brand-soft:linear-gradient(135deg,#DFFAF0 0%,#E6FBF3 100%);
  --gradient-dark:linear-gradient(160deg,#2E2A2B 0%,#231F20 60%,#1A1617 100%);
}

*{box-sizing:border-box}
html,body{margin:0;background:transparent}
body{font-family:var(--font-sans)}
@keyframes vdrise{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}