/* GENERATED by tools/Scripts/Generate-PortalTokens.ps1 from Design/tokens.json (Walters Buildings design system, tokens v2).
   Do not edit: change tokens.json and run the script. Light values on :root and [data-theme="light"], dark values on [data-theme="dark"]. */

@font-face { font-family: "Poppins"; src: url("../fonts/Poppins-Light.ttf") format("truetype"); font-weight: 300; font-style: normal; font-display: swap; }
@font-face { font-family: "Poppins"; src: url("../fonts/Poppins-LightItalic.ttf") format("truetype"); font-weight: 300; font-style: italic; font-display: swap; }
@font-face { font-family: "Poppins"; src: url("../fonts/Poppins-Regular.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: "Poppins"; src: url("../fonts/Poppins-SemiBold.ttf") format("truetype"); font-weight: 600; font-style: normal; font-display: swap; }
@font-face { font-family: "Poppins"; src: url("../fonts/Poppins-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; }
@font-face { font-family: "Poppins"; src: url("../fonts/Poppins-ExtraBold.ttf") format("truetype"); font-weight: 800; font-style: normal; font-display: swap; }

:root, [data-theme="light"] {
  color-scheme: light;
  --font-brand: Poppins, Arial, Helvetica, sans-serif;
  --walters-red: #e13a3e;
  --brand-red: #c8102e;
  --brand-red-hover: #8f0b21;
  --brand-red-text: #c8102e;
  --brand-red-tint: #fbe9ec;
  --on-brand: #ffffff;
  --ground: #f7f7f7;
  --surface: #ffffff;
  --surface-hover: #f7f7f7;
  --topbar: #ffffff;
  --field: #f7f7f7;
  --line: #e6e6e6;
  --line-control: #767676;
  --ink: #1c1c1c;
  --ink-muted: #4f4f4f;
  --ink-subtle: #6f6f6f;
  --ink-disabled: #909090;
  --nav: #1c1c1c;
  --nav-hover: #2a2a2a;
  --nav-sub: #141414;
  --nav-ink: #d6d6d6;
  --nav-ink-active: #ffffff;
  --nav-muted: #9a9a9a;
  --nav-marker: #c8102e;
  --feature-surface: #1c1c1c;
  --feature-ink: #ffffff;
  --inverse-surface: #1c1c1c;
  --inverse-ink: #ffffff;
  --focus-ring: #c8102e;
  --scrim: #0000007f;
  --success: #13ae26;
  --success-ink: #2e7d32;
  --success-tint: #13ae2615;
  --warning: #d99400;
  --warning-ink: #b45309;
  --warning-tint: #ff930020;
  --error: #ae1313;
  --error-ink: #680606;
  --error-tint: #ae131315;
  --info-ink: #1e66a8;
  --info-tint: #17439c1a;
  --neutral-ink: #4f4f4f;
  --neutral-tint: #f3f4f6;
  --red-documents: #e03a3e;
  --red-email: #e23c41;
  --ink-document: #363636;
  --surface-panel: #f1f1f1;
  --surface-dark: #1a1a1a;
  --surface-dark-raised: #2d2d2d;
  --env-banner: #ff9900cc;
  --env-banner-border: #ff9900d8;
  --plan-blueprint: #8ba1cd;
  --plan-grid: #babeede6;
  --plan-sheet: #ffffffab;
  --plan-column: #1f1f1f;
  --plan-header: #3d3d3d;
  --plan-girt: #555555;
  --plan-framing: #6b6b6b;
  --plan-liner: #8a97b0;
  --plan-concrete: #9a9a9a;
  --calendar-project: #cfe2f3;
  --calendar-general: #f4ccdd;
  --calendar-salesperson: #f8cbad;
  --calendar-running: #c9ebc9;
  --calendar-department: #2c8c8c;
  --series-1: #4e79a7;
  --series-2: #f28e2b;
  --series-3: #59a14f;
  --series-4: #e15759;
  --series-5: #76b7b2;
  --series-6: #edc948;
  --series-7: #b07aa1;
  --series-8: #ff9da7;
  --series-9: #9c755f;
  --series-10: #bab0ac;
  --no-coverage: #e0e0e0;
  --space-4: 4px;
  --space-8: 8px;
  --space-12: 12px;
  --space-16: 16px;
  --space-20: 20px;
  --space-24: 24px;
  --space-32: 32px;
  --space-48: 48px;
  --radius-0: 0px;
  --shadow-menu: 1.41px 1.41px 8px rgba(0,0,0,0.15);
  --shadow-drawer: 0 2px 8px rgba(0,0,0,0.3);
  --size-control: 42px;
  --size-control-sm: 34px;
  --size-touch: 44px;
  --size-topbar: 72px;
  --size-sidebar: 260px;
  --size-sidebar-collapsed: 76px;
  --size-mobile-header: 60px;
  --size-bottom-nav: 64px;
  --size-avatar: 38px;
  --size-editor-panel: 1280px;
}

[data-theme="dark"] {
  color-scheme: dark;
  --brand-red-hover: #a50d26;
  --brand-red-text: #ff6b7d;
  --brand-red-tint: #c8102e33;
  --ground: #121212;
  --surface: #1e1e1e;
  --surface-hover: #2a2a2a;
  --topbar: #1a1a1a;
  --field: #121212;
  --line: #2a2a2a;
  --line-control: #8a8a8a;
  --ink: #ededed;
  --ink-muted: #c4c4c4;
  --ink-subtle: #a8a8a8;
  --ink-disabled: #6b6b6b;
  --nav: #0a0a0a;
  --nav-hover: #1e1e1e;
  --nav-sub: #000000;
  --feature-surface: #000000;
  --inverse-surface: #ededed;
  --inverse-ink: #121212;
  --focus-ring: #ff6b7d;
  --scrim: #0000009f;
  --success: #2fbf44;
  --success-ink: #7fd88a;
  --success-tint: #13ae2629;
  --warning: #f0a830;
  --warning-ink: #ffbf66;
  --warning-tint: #ff93002e;
  --error: #ff5c6c;
  --error-ink: #ff8f9c;
  --error-tint: #e8203f33;
  --info-ink: #9dbcff;
  --info-tint: #2a5bc040;
  --neutral-ink: #c8c8c8;
  --neutral-tint: #ffffff14;
}

/* Text styles: the App type group. Uppercase is a component's job (text-transform), never typed. */
.page-title { font-size: 28px; line-height: 1.25; font-weight: 700; letter-spacing: 1px; }
.page-title-mobile { font-size: 22px; line-height: 1.25; font-weight: 700; letter-spacing: 1px; }
.section-title { font-size: 14px; line-height: 1.4; font-weight: 700; letter-spacing: 1px; }
.kpi { font-size: 30px; line-height: 1.1; font-weight: 700; }
.kpi-mobile { font-size: 22px; line-height: 1.1; font-weight: 700; }
.label { font-size: 11px; line-height: 1.4; font-weight: 600; letter-spacing: 1px; }
.button { font-size: 13px; line-height: 1.2; font-weight: 600; letter-spacing: 1px; }
.nav { font-size: 14px; line-height: 1.4; font-weight: 400; }
.nav-sub { font-size: 13px; line-height: 1.4; font-weight: 400; }
.body { font-size: 14px; line-height: 1.5; font-weight: 400; }
.body-light { font-size: 14px; line-height: 1.5; font-weight: 300; }
.meta { font-size: 12px; line-height: 1.4; font-weight: 400; }