/* UrbIN Networks — generated from tokens.json */
:root, [data-theme="navy"] {
  --urbin-navy-10: #ced2d5;
  --urbin-navy-20: #adb4b9;
  --urbin-navy-30: #848f96;
  --urbin-navy-40: #5a6a72;
  --urbin-navy-50: #31444f;
  --urbin-navy-base: #081f2c;
  --urbin-navy-70: #05151d;
  --urbin-navy-100: #020609;
  --urbin-teal-10: #ccdce3;
  --urbin-teal-20: #aac4d0;
  --urbin-teal-30: #80a7b8;
  --urbin-teal-40: #558aa0;
  --urbin-teal-50: #2a6c89;
  --urbin-teal-base: #004f71;
  --urbin-teal-60: #00425e;
  --urbin-teal-70: #00354b;
  --urbin-teal-80: #002839;
  --urbin-teal-90: #001a26;
  --urbin-teal-100: #001017;
  --urbin-lavender-10: #f4f3f6;
  --urbin-lavender-20: #ecebf0;
  --urbin-lavender-30: #e3e2e9;
  --urbin-lavender-40: #d9d8e1;
  --urbin-lavender-50: #d0ceda;
  --urbin-lavender-base: #c6c4d2;
  --urbin-lavender-60: #a5a3af;
  --urbin-lavender-70: #84838c;
  --urbin-lavender-80: #636269;
  --urbin-lavender-90: #424146;
  --urbin-lavender-100: #28272a;
  --urbin-yellow-10: #f9fadc;
  --urbin-yellow-20: #f5f7c5;
  --urbin-yellow-30: #f0f4a8;
  --urbin-yellow-40: #ebf08b;
  --urbin-yellow-50: #e6ec6e;
  --urbin-yellow-base: #e1e851;
  --urbin-yellow-60: #bcc144;
  --urbin-yellow-70: #969b36;
  --urbin-yellow-80: #717429;
  --urbin-yellow-90: #4b4d1b;
  --urbin-yellow-100: #2d2e10;
  --urbin-neutral-white: #ffffff;
  --urbin-neutral-black: #000000;
  --urbin-alpha-navy-base-05: #081f2c0d;
  --urbin-alpha-navy-base-65: #081f2ca6;
  --urbin-alpha-navy-base-85: #081f2cd9;
  --urbin-alpha-navy-base-90: #081f2ce6;
  --urbin-alpha-navy-base-00: #081f2c00;
  --urbin-alpha-navy-30-00: #848f9600;
  --urbin-alpha-navy-70-00: #05151d00;
  --urbin-alpha-navy-70-40: #05151d66;
  --urbin-alpha-navy-70-65: #05151da6;
  --urbin-alpha-navy-70-85: #05151dd9;
  --urbin-alpha-navy-100-20: #02060933;
  --urbin-alpha-teal-base-00: #004f7100;
  --urbin-alpha-teal-base-20: #004f7133;
  --urbin-alpha-teal-base-55: #004f718c;
  --urbin-alpha-teal-80-00: #00283900;
  --urbin-alpha-teal-80-40: #00283966;
  --urbin-alpha-lavender-base-75: #c6c4d2bf;
  --urbin-alpha-yellow-base-00: #e1e85100;
  --urbin-alpha-yellow-base-15: #e1e85126;
  --urbin-alpha-yellow-base-25: #e1e85140;
  --urbin-alpha-yellow-base-30: #e1e8514c;
  --urbin-alpha-yellow-base-35: #e1e85159;
  --urbin-alpha-yellow-base-45: #e1e85173;
  --urbin-alpha-yellow-base-50: #e1e85180;
  --urbin-alpha-yellow-base-55: #e1e8518c;
  --urbin-alpha-yellow-base-60: #e1e85199;
  --urbin-alpha-yellow-base-65: #e1e851a6;
  --urbin-alpha-yellow-base-70: #e1e851b2;
  --urbin-alpha-yellow-base-80: #e1e851cc;
  --urbin-alpha-yellow-base-90: #e1e851e6;
  --urbin-alpha-yellow-10-00: #f9fadc00;
  --urbin-alpha-yellow-10-25: #f9fadc40;
  --urbin-alpha-yellow-10-65: #f9fadca6;
  --urbin-alpha-yellow-20-00: #f5f7c500;
  --urbin-alpha-yellow-20-95: #f5f7c5f2;
  --urbin-alpha-yellow-100-00: #2d2e1000;
  --urbin-alpha-white-03: #ffffff08;
  --urbin-alpha-white-05: #ffffff0d;
  --urbin-alpha-white-15: #ffffff26;
  --urbin-alpha-black-45: #00000073;
  --urbin-fluid-outline: var(--urbin-neutral-white);
  --urbin-fluid-outline-strong: var(--urbin-yellow-base);
  --urbin-fluid-label: var(--urbin-neutral-white);
  --urbin-fluid-fill-active: var(--urbin-yellow-base);
  --urbin-fluid-label-active: var(--urbin-navy-base);
  --urbin-fluid-route-lit: var(--urbin-yellow-base);
  --urbin-fluid-gap-fill: var(--urbin-yellow-base);
  --urbin-fluid-gap-fill-fade: var(--urbin-alpha-yellow-base-00);
  --urbin-surface-bg: var(--urbin-navy-70);
  --urbin-surface-ink: var(--urbin-neutral-white);
  --urbin-surface-body: var(--urbin-lavender-base);
  --urbin-surface-muted: var(--urbin-lavender-60);
  --urbin-surface-accent: var(--urbin-yellow-base);
  --urbin-surface-line: var(--urbin-alpha-white-15);
  --urbin-focus: var(--urbin-yellow-base);
  --urbin-fluid-edge: var(--urbin-fluid-outline);
  --urbin-shadow-card-hover: 0 48px 48px 0 #00000073;
  --urbin-shadow-tile-active: 0 18px 36px 0 #00000073;
  --urbin-glow-stroke: 0 0 7.2px 0 #e1e85199;
  --urbin-glow-route: 0 0 4px 0 #e1e851e6, 0 0 12px 0 #e1e85159;
}
[data-theme="yellow"] {
  --urbin-fluid-outline: var(--urbin-yellow-100);
  --urbin-fluid-outline-strong: var(--urbin-yellow-100);
  --urbin-fluid-label: var(--urbin-yellow-90);
  --urbin-fluid-fill-active: var(--urbin-yellow-100);
  --urbin-fluid-label-active: var(--urbin-yellow-base);
  --urbin-fluid-route-lit: var(--urbin-yellow-100);
  --urbin-fluid-gap-fill: var(--urbin-yellow-100);
  --urbin-fluid-gap-fill-fade: var(--urbin-alpha-yellow-100-00);
  --urbin-surface-bg: var(--urbin-yellow-base);
  --urbin-surface-ink: var(--urbin-navy-base);
  --urbin-surface-body: var(--urbin-navy-base);
  --urbin-surface-muted: var(--urbin-yellow-90);
  --urbin-surface-accent: var(--urbin-navy-base);
  --urbin-surface-line: var(--urbin-yellow-100);
  --urbin-focus: var(--urbin-navy-base);
  --urbin-fluid-edge: var(--urbin-fluid-outline);
}
[data-theme="lavender"] {
  --urbin-fluid-outline: var(--urbin-navy-base);
  --urbin-fluid-outline-strong: var(--urbin-navy-base);
  --urbin-fluid-label: var(--urbin-navy-base);
  --urbin-fluid-fill-active: var(--urbin-navy-base);
  --urbin-fluid-label-active: var(--urbin-lavender-10);
  --urbin-fluid-route-lit: var(--urbin-navy-base);
  --urbin-fluid-gap-fill: var(--urbin-navy-base);
  --urbin-fluid-gap-fill-fade: var(--urbin-alpha-navy-base-00);
  --urbin-surface-bg: var(--urbin-lavender-base);
  --urbin-surface-ink: var(--urbin-navy-base);
  --urbin-surface-body: var(--urbin-lavender-90);
  --urbin-surface-muted: var(--urbin-lavender-90);
  --urbin-surface-accent: var(--urbin-navy-base);
  --urbin-surface-line: var(--urbin-navy-base);
  --urbin-focus: var(--urbin-teal-base);
  --urbin-fluid-edge: var(--urbin-fluid-outline);
}
[data-theme="light"] {
  --urbin-fluid-outline: var(--urbin-navy-base);
  --urbin-fluid-outline-strong: var(--urbin-navy-base);
  --urbin-fluid-label: var(--urbin-navy-base);
  --urbin-fluid-fill-active: var(--urbin-navy-base);
  --urbin-fluid-label-active: var(--urbin-lavender-10);
  --urbin-fluid-route-lit: var(--urbin-teal-base);
  --urbin-fluid-gap-fill: var(--urbin-teal-base);
  --urbin-fluid-gap-fill-fade: var(--urbin-alpha-teal-base-00);
  --urbin-surface-bg: var(--urbin-neutral-white);
  --urbin-surface-ink: var(--urbin-navy-base);
  --urbin-surface-body: var(--urbin-navy-50);
  --urbin-surface-muted: var(--urbin-navy-50);
  --urbin-surface-accent: var(--urbin-teal-base);
  --urbin-surface-line: var(--urbin-navy-base);
  --urbin-focus: var(--urbin-teal-base);
  --urbin-fluid-edge: var(--urbin-fluid-outline);
}
:root {
  --urbin-space-4: 4px;
  --urbin-space-8: 8px;
  --urbin-space-12: 12px;
  --urbin-space-16: 16px;
  --urbin-space-20: 20px;
  --urbin-space-24: 24px;
  --urbin-space-30: 30px;
  --urbin-space-40: 40px;
  --urbin-space-48: 48px;
  --urbin-space-60: 60px;
  --urbin-space-80: 80px;
  --urbin-space-100: 100px;
  --urbin-space-120: 120px;
  --urbin-space-130: 130px;
  --urbin-space-140: 140px;
  --urbin-radius-label: 5px;
  --urbin-radius-check: 6px;
  --urbin-radius-fill: 16px;
  --urbin-radius-pill: 20px;
  --urbin-radius-card: 30px;
  --urbin-radius-tile: 32px;
  --urbin-size-fluid-height: 40px;
  --urbin-size-fluid-inset: 4px;
  --urbin-size-splice: 10px;
  --urbin-size-neck: 9px;
  --urbin-size-field: 56px;
  --urbin-size-card-min-w: 240px;
  --urbin-size-card-min-h: 340px;
  --urbin-size-icon: 96px;
  --urbin-size-logo-min: 120px;
  --urbin-layout-canvas: 1440px;
  --urbin-layout-content: 1280px;
  --urbin-layout-form: 1180px;
  --urbin-layout-label-col: 280px;
  --urbin-layout-margin-desktop: 80px;
  --urbin-layout-margin-tablet: 40px;
  --urbin-layout-margin-mobile: 20px;
  --urbin-glass-blur: blur(24px) saturate(140%);
  --urbin-tile-blur: blur(30px);
  --font-sans: "Satoshi", "Helvetica Neue", Arial, sans-serif;
  --font-mono: "Azeret Mono", ui-monospace, "SF Mono", Menlo, monospace;
}
.urbin-heading-display { font-family: var(--font-sans); font-size: 120px; font-weight: 300; line-height: 0.9; letter-spacing: 0; }
.urbin-heading-headline { font-family: var(--font-sans); font-size: 72px; font-weight: 300; line-height: 0.98; letter-spacing: 0; }
.urbin-heading-headline-s { font-family: var(--font-sans); font-size: 48px; font-weight: 400; line-height: 1.05; letter-spacing: 0; }
.urbin-heading-subhead { font-family: var(--font-sans); font-size: 32px; font-weight: 700; line-height: 1.15; letter-spacing: 0; }
.urbin-heading-title { font-family: var(--font-sans); font-size: 22px; font-weight: 700; line-height: 1.2; letter-spacing: 0; }
.urbin-figure-large { font-family: var(--font-sans); font-size: 96px; font-weight: 300; letter-spacing: 0; }
.urbin-figure-medium { font-family: var(--font-sans); font-size: 48px; font-weight: 300; letter-spacing: 0; }
.urbin-text-lead { font-family: var(--font-sans); font-size: 22px; font-weight: 300; line-height: 1.45; letter-spacing: 0; }
.urbin-text-body { font-family: var(--font-sans); font-size: 18px; font-weight: 400; line-height: 1.5; letter-spacing: 0; }
.urbin-text-body-strong { font-family: var(--font-sans); font-size: 18px; font-weight: 700; line-height: 1.5; letter-spacing: 0; }
.urbin-text-small { font-family: var(--font-sans); font-size: 15px; font-weight: 400; line-height: 1.5; letter-spacing: 0; }
.urbin-text-caption { font-family: var(--font-sans); font-size: 13px; font-weight: 700; line-height: 1.4; letter-spacing: 0; }
.urbin-mono-eyebrow { font-family: var(--font-mono); font-size: 12px; font-weight: 700; letter-spacing: 0.1em; }
.urbin-mono-data-point { font-family: var(--font-mono); font-size: 11px; font-weight: 400; letter-spacing: 0.08em; }
.urbin-mono-data-large { font-family: var(--font-mono); font-size: 18px; font-weight: 300; line-height: 1.4; letter-spacing: 0; }
.urbin-mono-button { font-family: var(--font-mono); font-size: 11px; font-weight: 700; letter-spacing: 0.06em; }
@font-face { font-family: "Satoshi"; src: url("fonts/Satoshi-Light.woff2") format("woff2"); font-weight: 300; font-style: normal; font-display: swap; }
@font-face { font-family: "Satoshi"; src: url("fonts/Satoshi-Regular.woff2") format("woff2"); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: "Satoshi"; src: url("fonts/Satoshi-Bold.woff2") format("woff2"); font-weight: 700; font-style: normal; font-display: swap; }
@font-face { font-family: "Azeret Mono"; src: url("fonts/AzeretMono-Light.woff2") format("woff2"); font-weight: 300; font-style: normal; font-display: swap; }
@font-face { font-family: "Azeret Mono"; src: url("fonts/AzeretMono-Regular.woff2") format("woff2"); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: "Azeret Mono"; src: url("fonts/AzeretMono-Bold.woff2") format("woff2"); font-weight: 700; font-style: normal; font-display: swap; }
