/* Generated from tokens.json - do not edit by hand. */
:root, [data-theme="resident"] {
  --brand: #215C6B;
  --brand-band-top: #1E5664;
  --brand-band-bottom: #194956;
  --brand-raised: #2B5B68;
  --brand-deep: #06122E;
  --brand-glow: #2AA6EF;
  --brand-sky: #59C0F5;
  --on-brand: #FFFFFF;
  --on-brand-muted: #8EACB2;
  --accent: var(--brand);
  --focus-ring: var(--brand);
  --surface-page: #FAF8F5;
  --surface-card: #FFFFFF;
  --surface-field: #FAF8F5;
  --surface-muted: #F4F4F4;
  --surface-drop: #FAFAFA;
  --table-row: #E4E5EB;
  --table-row-alt: #F4F4F6;
  --border: #ECECEC;
  --border-field: #EEECE9;
  --border-strong: #3F3F3F;
  --control-ring: #D9D9D9;
  --ink: #000000;
  --ink-muted: #5E5D5C;
  --ink-subtle: #8C8C8C;
  --ink-faint: #A8A8A8;
  --placeholder: #A6A4A3;
  --eyebrow: #9C8666;
  --link: #000000;
  --success: #66C486;
  --success-icon: #66C486;
  --on-success: #FFFFFF;
  --danger: #C34444;
  --on-danger: #FFFFFF;
  --neutral-strong: #262626;
  --chip-warm: #EFEBE5;
  --chip-warm-soft: #F8F3EC;
  --chip-lilac: #D8D8F6;
  --chip-lilac-soft: #EDEDFF;
  --tone-blue: #E6EFFF;
  --tone-blue-ink: #002D60;
  --tone-steel: #CED8ED;
  --tone-magenta: #FFE6EA;
  --tone-magenta-ink: #60004D;
  --tone-olive: #F9FFE6;
  --tone-olive-ink: #596000;
  --tone-green: #E4F5DE;
  --tone-green-ink: #006026;
  --tone-brown: #F5E1DE;
  --tone-brown-ink: #602E00;
  --tone-violet: #ECDCF7;
  --tone-violet-ink: #250060;
  --tone-red: #FFE6E6;
  --tone-red-ink: #FF0004;
  --tone-neutral: #F6F6F6;
  --tone-neutral-ink: #5F5F5F;
  --tile-red: #FCE8E8;
  --tile-olive: #F8FCE8;
  --tile-blue: #E8F0FC;
  --tile-violet: #F3E8FC;
  --tile-green: #E8FCEF;
  --tile-pink: #FCE8EF;
  --banner-info: #D8E5FB;
  --banner-info-ink: #0073FF;
  --banner-warn: #FFEAE4;
  --banner-warn-ink: #A67400;
  --notice-warn: #F9F6ED;
  --notice-warn-edge: #D8CFB6;
  --notice-warn-ink: #A08E59;
  --notice-info: #EDEEF9;
  --notice-info-edge: #B6BAD8;
  --panel-head: #86584E;
  --avatar: #73B9A3;
  --live: #CDEDD7;
  --live-ink: #66C486;
  --rail-icon: #7E829F;
  --scrim: rgba(250, 248, 245, 0.6);
  --chart-1: #263AAF;
  --chart-2: #D55E00;
  --chart-3: #882255;
  --chart-4: #7E6F46;
  --chart-5: #CC79A7;
  --chart-6: #0077BB;
  --chart-target: var(--ink);
  --chart-grid: var(--border);
  --shadow-modal: 0 24px 64px rgba(0, 0, 0, 0.14);
  --shadow-bar: 0 8px 24px rgba(0, 0, 0, 0.08);
  --shadow-card: 0 1px 2px rgba(0, 0, 0, 0.05);
}
[data-theme="landlord"] {
  --brand: #4B3A8F;
  --brand-band-top: #55449C;
  --brand-band-bottom: #3A2D74;
  --brand-raised: #5E4FA6;
  --brand-deep: #06122E;
  --brand-glow: #2AA6EF;
  --brand-sky: #59C0F5;
  --on-brand: #FFFFFF;
  --on-brand-muted: #D2CBF0;
  --accent: var(--brand);
  --focus-ring: var(--brand);
  --surface-page: #F7F6FB;
  --surface-card: #FFFFFF;
  --surface-field: #F4F2FA;
  --surface-muted: #F1EFF8;
  --surface-drop: #FAFAFA;
  --table-row: #ECE9F5;
  --table-row-alt: #F6F4FB;
  --border: #E6E2F2;
  --border-field: #E6E2F2;
  --border-strong: #3F3F3F;
  --control-ring: #D9D9D9;
  --ink: #000000;
  --ink-muted: #57536A;
  --ink-subtle: #8C87A0;
  --ink-faint: #A8A8A8;
  --placeholder: #A29CBB;
  --eyebrow: #6D5FAE;
  --link: var(--brand);
  --success: #66C486;
  --success-icon: #66C486;
  --on-success: #FFFFFF;
  --danger: #C34444;
  --on-danger: #FFFFFF;
  --neutral-strong: #262626;
  --chip-warm: #EFEBE5;
  --chip-warm-soft: #F8F3EC;
  --chip-lilac: #D8D8F6;
  --chip-lilac-soft: #EDEDFF;
  --tone-blue: #E6EFFF;
  --tone-blue-ink: #002D60;
  --tone-steel: #CED8ED;
  --tone-magenta: #FFE6EA;
  --tone-magenta-ink: #60004D;
  --tone-olive: #F9FFE6;
  --tone-olive-ink: #596000;
  --tone-green: #E4F5DE;
  --tone-green-ink: #006026;
  --tone-brown: #F5E1DE;
  --tone-brown-ink: #602E00;
  --tone-violet: #ECDCF7;
  --tone-violet-ink: #250060;
  --tone-red: #FFE6E6;
  --tone-red-ink: #FF0004;
  --tone-neutral: #F6F6F6;
  --tone-neutral-ink: #5F5F5F;
  --tile-red: #FCE8E8;
  --tile-olive: #F8FCE8;
  --tile-blue: #E8F0FC;
  --tile-violet: #F3E8FC;
  --tile-green: #E8FCEF;
  --tile-pink: #FCE8EF;
  --banner-info: #D8E5FB;
  --banner-info-ink: #0073FF;
  --banner-warn: #FFEAE4;
  --banner-warn-ink: #A67400;
  --notice-warn: #F9F6ED;
  --notice-warn-edge: #D8CFB6;
  --notice-warn-ink: #A08E59;
  --notice-info: #EDEEF9;
  --notice-info-edge: #B6BAD8;
  --panel-head: #86584E;
  --avatar: #73B9A3;
  --live: #CDEDD7;
  --live-ink: #66C486;
  --rail-icon: #7E829F;
  --scrim: rgba(247, 246, 251, 0.6);
  --chart-1: #263AAF;
  --chart-2: #D55E00;
  --chart-3: #882255;
  --chart-4: #7E6F46;
  --chart-5: #CC79A7;
  --chart-6: #0077BB;
  --chart-target: var(--ink);
  --chart-grid: var(--border);
}
[data-theme="staff"] {
  --brand: #1B2455;
  --brand-band-top: #3D4885;
  --brand-band-bottom: #0C1B6E;
  --brand-raised: #313965;
  --brand-deep: #06122E;
  --brand-glow: #2AA6EF;
  --brand-sky: #59C0F5;
  --on-brand: #FFFFFF;
  --on-brand-muted: #7CA8FF;
  --accent: #263AAF;
  --focus-ring: var(--accent);
  --surface-page: #F5F8FA;
  --surface-card: #FFFFFF;
  --surface-field: #F3F3F3;
  --surface-muted: #F4F4F4;
  --surface-drop: #FAFAFA;
  --table-row: #E4E5EB;
  --table-row-alt: #F4F4F6;
  --border: #E4E5EB;
  --border-field: #E3E3EA;
  --border-strong: #3F3F3F;
  --control-ring: #D9D9D9;
  --ink: #000000;
  --ink-muted: #6E7070;
  --ink-subtle: #7D7E81;
  --ink-faint: #969696;
  --placeholder: #969696;
  --eyebrow: #9C8666;
  --link: #263AAF;
  --success: #66C486;
  --success-icon: #66C486;
  --on-success: #FFFFFF;
  --danger: #DD3C3F;
  --on-danger: #FFFFFF;
  --neutral-strong: #000000;
  --chip-warm: #EFEBE5;
  --chip-warm-soft: #F8F3EC;
  --chip-lilac: #D8D8F6;
  --chip-lilac-soft: #EDEDFF;
  --tone-blue: #E6EFFF;
  --tone-blue-ink: #002D60;
  --tone-steel: #CED8ED;
  --tone-magenta: #FFE6EA;
  --tone-magenta-ink: #60004D;
  --tone-olive: #F9FFE6;
  --tone-olive-ink: #596000;
  --tone-green: #E4F5DE;
  --tone-green-ink: #006026;
  --tone-brown: #F5E1DE;
  --tone-brown-ink: #602E00;
  --tone-violet: #ECDCF7;
  --tone-violet-ink: #250060;
  --tone-red: #FFE6E6;
  --tone-red-ink: #FF0004;
  --tone-neutral: #F6F6F6;
  --tone-neutral-ink: #5F5F5F;
  --tile-red: #FCE8E8;
  --tile-olive: #F8FCE8;
  --tile-blue: #E8F0FC;
  --tile-violet: #F3E8FC;
  --tile-green: #E8FCEF;
  --tile-pink: #FCE8EF;
  --banner-info: #D8E5FB;
  --banner-info-ink: #0073FF;
  --banner-warn: #FFEAE4;
  --banner-warn-ink: #A67400;
  --notice-warn: #F9F6ED;
  --notice-warn-edge: #D8CFB6;
  --notice-warn-ink: #A08E59;
  --notice-info: #EDEEF9;
  --notice-info-edge: #B6BAD8;
  --panel-head: #86584E;
  --avatar: #73B9A3;
  --live: #CDEDD7;
  --live-ink: #66C486;
  --rail-icon: #7E829F;
  --scrim: rgba(245, 248, 250, 0.6);
  --chart-1: #263AAF;
  --chart-2: #D55E00;
  --chart-3: #882255;
  --chart-4: #7E6F46;
  --chart-5: #CC79A7;
  --chart-6: #0077BB;
  --chart-target: var(--ink);
  --chart-grid: var(--border);
}
[data-theme="resident-aa"] {
  --brand: #215C6B;
  --brand-band-top: #1E5664;
  --brand-band-bottom: #194956;
  --brand-raised: #2B5B68;
  --brand-deep: #06122E;
  --brand-glow: #2AA6EF;
  --brand-sky: #59C0F5;
  --on-brand: #FFFFFF;
  --on-brand-muted: #C0D1D4;
  --accent: var(--brand);
  --focus-ring: var(--brand);
  --surface-page: #FAF8F5;
  --surface-card: #FFFFFF;
  --surface-field: #FAF8F5;
  --surface-muted: #F4F4F4;
  --surface-drop: #FAFAFA;
  --table-row: #E4E5EB;
  --table-row-alt: #F4F4F6;
  --border: #ECECEC;
  --border-field: #9E9381;
  --border-strong: #3F3F3F;
  --control-ring: #909090;
  --ink: #000000;
  --ink-muted: #5E5D5C;
  --ink-subtle: #767676;
  --ink-faint: #767676;
  --placeholder: #757271;
  --eyebrow: #877457;
  --link: #000000;
  --success: #33844F;
  --success-icon: #40A763;
  --on-success: #FFFFFF;
  --danger: #C34444;
  --on-danger: #FFFFFF;
  --neutral-strong: #262626;
  --chip-warm: #EFEBE5;
  --chip-warm-soft: #F8F3EC;
  --chip-lilac: #D8D8F6;
  --chip-lilac-soft: #EDEDFF;
  --tone-blue: #E6EFFF;
  --tone-blue-ink: #002D60;
  --tone-steel: #CED8ED;
  --tone-magenta: #FFE6EA;
  --tone-magenta-ink: #60004D;
  --tone-olive: #F9FFE6;
  --tone-olive-ink: #596000;
  --tone-green: #E4F5DE;
  --tone-green-ink: #006026;
  --tone-brown: #F5E1DE;
  --tone-brown-ink: #602E00;
  --tone-violet: #ECDCF7;
  --tone-violet-ink: #250060;
  --tone-red: #FFE6E6;
  --tone-red-ink: #D60003;
  --tone-neutral: #F6F6F6;
  --tone-neutral-ink: #5F5F5F;
  --tile-red: #FCE8E8;
  --tile-olive: #F8FCE8;
  --tile-blue: #E8F0FC;
  --tile-violet: #F3E8FC;
  --tile-green: #E8FCEF;
  --tile-pink: #FCE8EF;
  --banner-info: #D8E5FB;
  --banner-info-ink: #005FD4;
  --banner-warn: #FFEAE4;
  --banner-warn-ink: #8F6400;
  --notice-warn: #F9F6ED;
  --notice-warn-edge: #D8CFB6;
  --notice-warn-ink: #7E6F46;
  --notice-info: #EDEEF9;
  --notice-info-edge: #B6BAD8;
  --panel-head: #86584E;
  --avatar: #41826E;
  --live: #CDEDD7;
  --live-ink: #2D7445;
  --rail-icon: #7E829F;
  --scrim: rgba(250, 248, 245, 0.6);
  --chart-1: #263AAF;
  --chart-2: #D55E00;
  --chart-3: #882255;
  --chart-4: #7E6F46;
  --chart-5: #CC79A7;
  --chart-6: #0077BB;
  --chart-target: var(--ink);
  --chart-grid: var(--border);
}
[data-theme="landlord-aa"] {
  --brand: #4B3A8F;
  --brand-band-top: #55449C;
  --brand-band-bottom: #3A2D74;
  --brand-raised: #5E4FA6;
  --brand-deep: #06122E;
  --brand-glow: #2AA6EF;
  --brand-sky: #59C0F5;
  --on-brand: #FFFFFF;
  --on-brand-muted: #D2CBF0;
  --accent: var(--brand);
  --focus-ring: var(--brand);
  --surface-page: #F7F6FB;
  --surface-card: #FFFFFF;
  --surface-field: #F4F2FA;
  --surface-muted: #F1EFF8;
  --surface-drop: #FAFAFA;
  --table-row: #ECE9F5;
  --table-row-alt: #F6F4FB;
  --border: #E6E2F2;
  --border-field: #9A8ACB;
  --border-strong: #3F3F3F;
  --control-ring: #8C8C8C;
  --ink: #000000;
  --ink-muted: #57536A;
  --ink-subtle: #6F6A83;
  --ink-faint: #767676;
  --placeholder: #726998;
  --eyebrow: #6D5FAE;
  --link: var(--brand);
  --success: #33844F;
  --success-icon: #40A763;
  --on-success: #FFFFFF;
  --danger: #C34444;
  --on-danger: #FFFFFF;
  --neutral-strong: #262626;
  --chip-warm: #EFEBE5;
  --chip-warm-soft: #F8F3EC;
  --chip-lilac: #D8D8F6;
  --chip-lilac-soft: #EDEDFF;
  --tone-blue: #E6EFFF;
  --tone-blue-ink: #002D60;
  --tone-steel: #CED8ED;
  --tone-magenta: #FFE6EA;
  --tone-magenta-ink: #60004D;
  --tone-olive: #F9FFE6;
  --tone-olive-ink: #596000;
  --tone-green: #E4F5DE;
  --tone-green-ink: #006026;
  --tone-brown: #F5E1DE;
  --tone-brown-ink: #602E00;
  --tone-violet: #ECDCF7;
  --tone-violet-ink: #250060;
  --tone-red: #FFE6E6;
  --tone-red-ink: #D60003;
  --tone-neutral: #F6F6F6;
  --tone-neutral-ink: #5F5F5F;
  --tile-red: #FCE8E8;
  --tile-olive: #F8FCE8;
  --tile-blue: #E8F0FC;
  --tile-violet: #F3E8FC;
  --tile-green: #E8FCEF;
  --tile-pink: #FCE8EF;
  --banner-info: #D8E5FB;
  --banner-info-ink: #005FD4;
  --banner-warn: #FFEAE4;
  --banner-warn-ink: #8F6400;
  --notice-warn: #F9F6ED;
  --notice-warn-edge: #D8CFB6;
  --notice-warn-ink: #7E6F46;
  --notice-info: #EDEEF9;
  --notice-info-edge: #B6BAD8;
  --panel-head: #86584E;
  --avatar: #41826E;
  --live: #CDEDD7;
  --live-ink: #2D7445;
  --rail-icon: #7E829F;
  --scrim: rgba(247, 246, 251, 0.6);
  --chart-1: #263AAF;
  --chart-2: #D55E00;
  --chart-3: #882255;
  --chart-4: #7E6F46;
  --chart-5: #CC79A7;
  --chart-6: #0077BB;
  --chart-target: var(--ink);
  --chart-grid: var(--border);
}
[data-theme="staff-aa"] {
  --brand: #1B2455;
  --brand-band-top: #3D4885;
  --brand-band-bottom: #0C1B6E;
  --brand-raised: #313965;
  --brand-deep: #06122E;
  --brand-glow: #2AA6EF;
  --brand-sky: #59C0F5;
  --on-brand: #FFFFFF;
  --on-brand-muted: #7CA8FF;
  --accent: #263AAF;
  --focus-ring: var(--accent);
  --surface-page: #F5F8FA;
  --surface-card: #FFFFFF;
  --surface-field: #F3F3F3;
  --surface-muted: #F4F4F4;
  --surface-drop: #FAFAFA;
  --table-row: #E4E5EB;
  --table-row-alt: #F4F4F6;
  --border: #E4E5EB;
  --border-field: #9191AD;
  --border-strong: #3F3F3F;
  --control-ring: #909090;
  --ink: #000000;
  --ink-muted: #6E7070;
  --ink-subtle: #656668;
  --ink-faint: #767676;
  --placeholder: #6E6E6E;
  --eyebrow: #877457;
  --link: #263AAF;
  --success: #33844F;
  --success-icon: #40A763;
  --on-success: #FFFFFF;
  --danger: #DC3539;
  --on-danger: #FFFFFF;
  --neutral-strong: #000000;
  --chip-warm: #EFEBE5;
  --chip-warm-soft: #F8F3EC;
  --chip-lilac: #D8D8F6;
  --chip-lilac-soft: #EDEDFF;
  --tone-blue: #E6EFFF;
  --tone-blue-ink: #002D60;
  --tone-steel: #CED8ED;
  --tone-magenta: #FFE6EA;
  --tone-magenta-ink: #60004D;
  --tone-olive: #F9FFE6;
  --tone-olive-ink: #596000;
  --tone-green: #E4F5DE;
  --tone-green-ink: #006026;
  --tone-brown: #F5E1DE;
  --tone-brown-ink: #602E00;
  --tone-violet: #ECDCF7;
  --tone-violet-ink: #250060;
  --tone-red: #FFE6E6;
  --tone-red-ink: #D60003;
  --tone-neutral: #F6F6F6;
  --tone-neutral-ink: #5F5F5F;
  --tile-red: #FCE8E8;
  --tile-olive: #F8FCE8;
  --tile-blue: #E8F0FC;
  --tile-violet: #F3E8FC;
  --tile-green: #E8FCEF;
  --tile-pink: #FCE8EF;
  --banner-info: #D8E5FB;
  --banner-info-ink: #005FD4;
  --banner-warn: #FFEAE4;
  --banner-warn-ink: #8F6400;
  --notice-warn: #F9F6ED;
  --notice-warn-edge: #D8CFB6;
  --notice-warn-ink: #7E6F46;
  --notice-info: #EDEEF9;
  --notice-info-edge: #B6BAD8;
  --panel-head: #86584E;
  --avatar: #41826E;
  --live: #CDEDD7;
  --live-ink: #2D7445;
  --rail-icon: #7E829F;
  --scrim: rgba(245, 248, 250, 0.6);
  --chart-1: #263AAF;
  --chart-2: #D55E00;
  --chart-3: #882255;
  --chart-4: #7E6F46;
  --chart-5: #CC79A7;
  --chart-6: #0077BB;
  --chart-target: var(--ink);
  --chart-grid: var(--border);
}
:root {
  --space-4: 4px;
  --space-8: 8px;
  --space-12: 12px;
  --space-16: 16px;
  --space-20: 20px;
  --space-24: 24px;
  --space-32: 32px;
  --space-36: 36px;
  --space-48: 48px;
  --space-64: 64px;
  --radius-sm: 6px;
  --radius-md: 8px;
  --radius-field: 10px;
  --radius-lg: 12px;
  --radius-xl: 16px;
  --radius-panel: 20px;
  --radius-card: 36px;
  --radius-shell: 40px;
  --radius-pill: 999px;
  --size-control-lg: 74px;
  --size-control: 64px;
  --size-field: 52px;
  --size-control-sm: 40px;
  --size-control-xs: 34px;
  --size-tap: 44px;
  --size-header-band: 305px;
  --size-sidebar: 373px;
  --font-sans: Inter, "Helvetica Neue", Arial, system-ui, sans-serif;
}
.ds-t-display { font: 400 64px/72px var(--font-sans); }
.ds-t-title-xl { font: 700 48px/56px var(--font-sans); }
.ds-t-title-lg { font: 700 40px/48px var(--font-sans); }
.ds-t-title-md { font: 700 32px/40px var(--font-sans); }
.ds-t-title-sm { font: 600 28px/36px var(--font-sans); }
.ds-t-heading { font: 600 24px/32px var(--font-sans); }
.ds-t-subheading { font: 600 20px/28px var(--font-sans); }
.ds-t-lead { font: 400 22px/32px var(--font-sans); }
.ds-t-body-lg { font: 400 20px/28px var(--font-sans); }
.ds-t-question { font: 500 18px/26px var(--font-sans); }
.ds-t-body { font: 400 16px/24px var(--font-sans); }
.ds-t-body-strong { font: 600 16px/24px var(--font-sans); }
.ds-t-eyebrow-text { font: 500 16px/24px var(--font-sans); }
.ds-t-label { font: 500 15px/20px var(--font-sans); }
.ds-t-small { font: 400 14px/20px var(--font-sans); }
.ds-t-caption { font: 400 12px/16px var(--font-sans); }
.ds-t-button-lg { font: 500 20px/28px var(--font-sans); }
.ds-t-button { font: 500 15px/20px var(--font-sans); }
.ds-t-button-sm { font: 500 14px/20px var(--font-sans); }
.ds-t-badge { font: 500 12px/16px var(--font-sans); }