/* Property Outlook — Design tokens (Bundle 24 v0.2)
   Replaces Bundle 23's "narrative-document" guess with mockup-canonical
   values from `mockups/property-outlook-desktop-user-v3.html:21-45`.
   Every token here exists in the mockup; nothing invented.

   Key shift from Bundle 23 v0:
   - Brand teal `#487A7B` accent system (was warm-paper neutrals)
   - Dashboard density (14px base) — was reading-friendly 16px base
   - Inter + JetBrains Mono (was Charter serif headings)
   - Temperature semantic: HOT=green/good, FROZEN=red/bad — opposite of
     casual "hot=red" intuition because HOT here = favorable regulatory
     climate, which is positive
*/

:root {
  /* ───── Brand (teal-gray system) ───── */
  --brand: #487A7B;
  --brand-dk: #005151;
  --brand-lt: #6B9A9A;
  --brand-wash: rgba(72, 122, 123, 0.06);
  --brand-sub: rgba(72, 122, 123, 0.10);
  --brand-glow: rgba(72, 122, 123, 0.20);

  /* ───── Accent ───── */
  --orange: #F68D2E;
  --orange-wash: rgba(246, 141, 46, 0.08);

  /* ───── Signal palette (referenced sparingly in v3) ───── */
  --s3: #06B6D4;
  --s6: #F97316;

  /* ───── Semantic ───── */
  --ok: #10B981;
  --err: #EF4444;
  --warn: #F59E0B;
  --info: #3B82F6;
  --info-wash: rgba(59, 130, 246, 0.08);
  --ok-wash: rgba(16, 185, 129, 0.08);
  --warn-wash: rgba(245, 158, 11, 0.08);

  /* ───── Gray scale ───── */
  --g50: #FAFAFA;
  --g100: #F4F4F5;
  --g150: #EDEEF0;
  --g200: #E4E4E7;
  --g300: #D4D4D8;
  --g400: #A1A1AA;
  --g500: #71717A;
  --g600: #52525B;
  --g700: #3F3F46;
  --g800: #27272A;
  --g900: #18181B;
  --w: #FFF;

  /* ───── Temperature accents ─────
     HOT = favorable regulatory climate = green (good news)
     FROZEN = restrictive/dangerous = red
     Opposite of casual "hot=red" intuition, but correct in domain. */
  --temp-hot: #10B981;
  --temp-hot-wash: rgba(16, 185, 129, 0.10);
  --temp-warm: #34D399;
  --temp-warm-wash: rgba(52, 211, 153, 0.12);
  --temp-cool: #3B82F6;
  --temp-cool-wash: rgba(59, 130, 246, 0.10);
  --temp-cold: #F59E0B;
  --temp-cold-wash: rgba(245, 158, 11, 0.10);
  --temp-frozen: #EF4444;
  --temp-frozen-wash: rgba(239, 68, 68, 0.10);

  /* ───── Illustrative-data tag color ───── */
  --illus: #B45309;

  /* ───── Sidebar (dark variant) ───── */
  --sb-bg: #0f2222;

  /* ───── Typography ───── */
  --f: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --m: 'JetBrains Mono', Menlo, Consolas, monospace;

  /* ───── Shadows ───── */
  --sh-sm: 0 1px 3px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.04);
  --sh-md: 0 4px 12px -2px rgba(0, 0, 0, 0.08), 0 2px 4px -2px rgba(0, 0, 0, 0.05);
  --sh-lg: 0 20px 40px -8px rgba(0, 0, 0, 0.12);
  --sh-xl: 0 32px 64px -12px rgba(0, 0, 0, 0.2);

  /* ───── Radii ───── */
  --r-sm: 6px;
  --r-md: 8px;
  --r-lg: 12px;
  --r-xl: 16px;
  --r-full: 9999px;

  /* ───── Transitions ───── */
  --tb: 200ms cubic-bezier(0.4, 0, 0.2, 1);
  --tb-slow: 320ms cubic-bezier(0.4, 0, 0.2, 1);
}