/* Alcantara Residence — generated from the design system tokens.json. Do not edit by hand. */
:root {
  --surface-page: #F4F3F9;
  --surface-card: #FFFFFF;
  --surface-sunken: #F7F7FA;
  --surface-selected: #ECEBF2;
  --surface-track: #EBEBF1;
  --surface-neutral: #EFEFF3;
  --surface-app: #EEEEF7;
  --surface-device: #F6F6FB;
  --line-card: #ECECF1;
  --line-row: #F0F0F4;
  --line-nav: #E6E6EC;
  --line-header: #E1E1E8;
  --line-control: #DCDCE4;
  --line-dashed: #C9C9D2;
  --ink: #1A1A1A;
  --ink-strong: #18181D;
  --ink-secondary: #55555E;
  --ink-muted: #6B6B76;
  --ink-count: #6E6E78;
  --ink-placeholder: #8A8A94;
  --on-strong: #FFFFFF;
  --success-soft: #E6F5EE;
  --success: #1E6E48;
  --success-bar: #2E9E6B;
  --info-soft: #E7EAF8;
  --info: #2E3B8F;
  --info-bar: #4453B8;
  --warning-soft: #FDF3DC;
  --warning: #8A5A00;
  --warning-bar: #C98A0B;
  --neutral-ink: #4A4A55;
  --danger-soft: #FBE6E5;
  --danger: #B3261E;
  --danger-line: #E8B4B0;
  --electric-soft: #FBF1E8;
  --electric-line: #F1DFCD;
  --electric: #8F3F07;
  --water-soft: #E8F0FA;
  --water-line: #D3E1F2;
  --water: #1A4F8C;
  --app-ink: #16161D;
  --app-accent: #1C1C27;
  --app-raised: #2A2A36;
  --app-success: #297E57;
  --app-warning: #996518;
  --app-pending: #8A5F14;
  --app-danger: #C2504F;
  --doc-ink: #3D3D3D;
  --doc-rule: #5C5C5C;
  --doc-meta: #8A8A8A;
  --doc-line: #DCDCDC;
  --doc-divider: #D3D3D3;
  --doc-hairline: #EDEDED;
  --doc-badge: #F0F0F0;
  --doc-highlight: #FBF3D0;
  --doc-highlight-ink: #4A3C12;
  --doc-water: #173F8A;
  --doc-water-head: #EEF2FA;
  --doc-water-line: #D7E0F0;
  --doc-water-zebra: #F5F8FD;
  --doc-electric: #A34A06;
  --doc-electric-head: #FBF1E9;
  --doc-electric-line: #F0DDCD;
  --doc-electric-zebra: #FDF7F2;
  --space-2: 2px;
  --space-4: 4px;
  --space-6: 6px;
  --space-8: 8px;
  --space-10: 10px;
  --space-12: 12px;
  --space-16: 16px;
  --space-20: 20px;
  --space-24: 24px;
  --space-28: 28px;
  --space-40: 40px;
  --space-48: 48px;
  --radius-doc: 7px;
  --radius-xs: 8px;
  --radius-sm: 12px;
  --radius-md: 14px;
  --radius-lg: 16px;
  --radius-app-card: 18px;
  --radius-app-hero: 28px;
  --radius-pill: 999px;
  --shadow-segment: 0 1px 2px rgba(20,20,40,0.08);
  --shadow-app-card: 0 1px 2px rgba(22,22,29,.05), 0 0 0 1px rgba(22,22,29,.06);
  --shadow-app-hero: 0 1px 2px rgba(22,22,29,.04), 0 10px 26px -12px rgba(22,22,29,.22), inset 0 1px 0 rgba(255,255,255,.9);
  --shadow-app-sheet: 0 -1px 0 rgba(22,22,29,.08), 0 -12px 40px rgba(22,22,29,.12);
  --shadow-device: 0 0 0 1px rgba(22,22,29,.07), 0 30px 60px rgba(22,22,29,.16);
  --shadow-paper: 0 1px 2px rgba(0,0,0,.09), 0 20px 44px -22px rgba(0,0,0,.4);
  --control-sm: 40px;
  --control-md: 44px;
  --control-lg: 48px;
  --nav-rail: 96px;
  --content-max: 1200px;
  --page-letter-w: 612px;
  --page-letter-h: 792px;
  --font-sans: Jost, system-ui, sans-serif;
  --font-document: Helvetica, Arial, sans-serif;
  --font-icons: Phosphor;
  --font-icons-fill: Phosphor-Fill;
}
@font-face { font-family: "Phosphor"; src: url("../fonts/Phosphor.woff2") format("woff2"); font-display: block; }
@font-face { font-family: "Phosphor-Fill"; src: url("../fonts/Phosphor-Fill.woff2") format("woff2"); font-display: block; }