/* landlord.org — generated from design/property-page/tokens.json. Edit the JSON, regenerate; do not hand-edit. */
:root, [data-theme="light"] {
  --surface: #ffffff;
  --surface-100: #f6f7f5;
  --ink: #3b3b3b;
  --ink-muted: #6b6b6b;
  --charcoal: #3b3b3b;
  --on-charcoal: #ffffff;
  --mint: #ccfdd5;
  --mint-soft: #e9feee;
  --purple: #a77acb;
  --purple-soft: #efe1fb;
  --line: #dde1dc;
  --line-strong: #b8bdb7;
  --ok: #1e6b45;
  --warn: #8a5a00;
  --danger: #b3261e;
  --red-pen: #c8102e;
  --shadow-sheet: 0 8px 24px rgba(59, 59, 59, 0.16);
}
[data-theme="dark"] {
  --surface: #1c1e1c;
  --surface-100: #262926;
  --ink: #f2f4f1;
  --ink-muted: #a9afa8;
  --charcoal: #f2f4f1;
  --on-charcoal: #1c1e1c;
  --mint: #ccfdd5;
  --mint-soft: #1f3a28;
  --purple: #a77acb;
  --purple-soft: #3a2e45;
  --line: #363a36;
  --line-strong: #4a4f49;
  --ok: #7fd49f;
  --warn: #f0b74a;
  --danger: #ff8a80;
  --red-pen: #c8102e;
  --shadow-sheet: 0 8px 24px rgba(0, 0, 0, 0.5);
}
:root {
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-6: 24px;
  --space-8: 32px;
  --space-12: 48px;
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 16px;
  --radius-pill: 999px;
  --font-sans: "Sora", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
}
.display { font: 700 40px/44px var(--font-sans); letter-spacing: -0.01em; }
.title { font: 700 28px/34px var(--font-sans); letter-spacing: -0.005em; }
.heading { font: 600 20px/26px var(--font-sans); }
.body { font: 400 16px/24px var(--font-sans); }
.body-strong { font: 600 16px/24px var(--font-sans); }
.small { font: 400 14px/20px var(--font-sans); }
.caption { font: 400 12px/16px var(--font-sans); }
.code { font: 500 18px/24px var(--font-mono); letter-spacing: 0.04em; }