/* Realtor OS design tokens. Generated from the design system's tokens.json (v1).
   Do not edit by hand: change the design system, then regenerate. Load before bundle.css. */

@font-face{font-family:Vazirmatn;font-weight:400;font-style:normal;font-display:swap;src:url("fonts/Vazirmatn-Regular.cdc140628f11.woff2") format("woff2")}
@font-face{font-family:Vazirmatn;font-weight:500;font-style:normal;font-display:swap;src:url("fonts/Vazirmatn-Medium.dd2193b32cbe.woff2") format("woff2")}
@font-face{font-family:Vazirmatn;font-weight:600;font-style:normal;font-display:swap;src:url("fonts/Vazirmatn-SemiBold.9260c1927872.woff2") format("woff2")}
@font-face{font-family:Vazirmatn;font-weight:700;font-style:normal;font-display:swap;src:url("fonts/Vazirmatn-Bold.7958481fe611.woff2") format("woff2")}

:root{
  /* colour */
  --paper:#f3f5f8;
  --panel:#ffffff;
  --hover:#f8fafb;
  --column:#eaeef3;
  --line:#e3e7ed;
  --line-2:#eef1f5;
  --line-strong:#c6ced9;
  --ink:#1b2430;
  --ink-2:#46546a;
  --ink-3:#7a8699;
  --teal:#0e7c7b;
  --teal-2:#0a5f5e;
  --teal-soft:#e2f2f1;
  --on-teal:#ffffff;
  --scrim:rgba(18,26,36,.38);
  --backdrop:rgba(18,26,36,.42);
  --side:#16202b;
  --side-2:#1f2c39;
  --side-line:#243242;
  --side-ink:#c9d3df;
  --side-ink-2:#8fa0b3;
  --side-muted:#6f8297;
  --side-chip-line:#3a4b5e;
  --side-chip-ink:#d2dce7;
  --hero-ink:#b9c6d4;
  --amber:#b7791f;
  --amber-ink:#8a5a0c;
  --amber-soft:#fdf3dc;
  --star:#d39b1b;
  --red:#c2412d;
  --red-soft:#fbe9e5;
  --red-line:#efc9c1;
  --lost-col:#f6e7e4;
  --green:#2f855a;
  --green-soft:#e5f4ea;
  --won-col:#e3f1e8;
  --blue:#3b5bab;
  --blue-soft:#e9eefa;
  --violet:#6a4cb0;
  --violet-soft:#f0ebfa;

  /* type */
  --font-sans:Vazirmatn, Tahoma, sans-serif;
  --fs-stat-xl:28px; --lh-stat-xl:1.3;
  --fs-stat:24px; --lh-stat:1.4;
  --fs-article-title:20px; --lh-article-title:1.5;
  --fs-page-title:18px; --lh-page-title:1.5;
  --fs-section-title:15px; --lh-section-title:1.6;
  --fs-panel-title:14.5px; --lh-panel-title:1.6;
  --fs-body:14px; --lh-body:1.7;
  --fs-control:13px;
  --fs-small:12.5px;
  --fs-caption:12px;
  --fs-tiny:11.5px;

  /* spacing */
  --space-1:4px;
  --space-1\.5:6px;
  --space-2:8px;
  --space-2\.5:10px;
  --space-3:12px;
  --space-3\.5:14px;
  --space-4:16px;
  --space-6:24px;

  /* radius */
  --radius-sm:8px;
  --radius-card:9px;
  --radius-md:10px;
  --radius-lg:12px;
  --radius-pill:99px;
  --radius-round:50%;

  /* size */
  --sidebar-width:236px;
  --view-max:1440px;
  --kanban-col:238px;
  --icon-btn:34px;
  --avatar:30px;
  --drawer-width:560px;

  /* shadow */
  --shadow-drawer:8px 0 30px rgba(18,26,36,.12);
  --shadow-modal:0 20px 50px rgba(18,26,36,.25);
}