/* Shared by real and demo surfaces. Semantic tokens are the only colour/spacing API. */
/* inter-cyrillic-ext-wght-normal */
@font-face {
  font-family: 'Inter Variable';
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url(./fonts/inter-cyrillic-ext-wght-normal.woff2) format('woff2-variations');
  unicode-range: U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;
}

/* inter-cyrillic-wght-normal */
@font-face {
  font-family: 'Inter Variable';
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url(./fonts/inter-cyrillic-wght-normal.woff2) format('woff2-variations');
  unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;
}

/* inter-greek-ext-wght-normal */
@font-face {
  font-family: 'Inter Variable';
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url(./fonts/inter-greek-ext-wght-normal.woff2) format('woff2-variations');
  unicode-range: U+1F00-1FFF;
}

/* inter-greek-wght-normal */
@font-face {
  font-family: 'Inter Variable';
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url(./fonts/inter-greek-wght-normal.woff2) format('woff2-variations');
  unicode-range: U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF;
}

/* inter-vietnamese-wght-normal */
@font-face {
  font-family: 'Inter Variable';
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url(./fonts/inter-vietnamese-wght-normal.woff2) format('woff2-variations');
  unicode-range: U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB;
}

/* inter-latin-ext-wght-normal */
@font-face {
  font-family: 'Inter Variable';
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url(./fonts/inter-latin-ext-wght-normal.woff2) format('woff2-variations');
  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}

/* inter-latin-wght-normal */
@font-face {
  font-family: 'Inter Variable';
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url(./fonts/inter-latin-wght-normal.woff2) format('woff2-variations');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
:root{
  color-scheme:light;--font-sans:"Inter Variable",Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  --text-xs:.75rem;--text-sm:.8125rem;--text-base:.875rem;--text-lg:1rem;--text-xl:1.25rem;--text-title:1.875rem;--text-metric:2rem;
  --space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;
  --canvas:#faf9f6;--sidebar:#f3f2ee;--surface:#fff;--surface-subtle:#f7f8fa;--surface-hover:#f2f6fa;--text:#172b42;--text-secondary:#526174;--text-muted:#667386;
  --border-control:#7e8c9b;--border:#e2e5e9;--border-strong:#c9d0d9;--primary:#183a59;--on-primary:#fff;--accent:#c2e6fa;--accent-soft:#eaf5fc;--accent-text:#204f73;
  --success:#18714e;--success-bg:#eaf6ef;--warning:#875410;--warning-bg:#fff4db;--danger:#ac3740;--danger-bg:#fceef0;--info:#355e9e;--info-bg:#edf2fc;
  --chart:#316991;--chart-soft:#e7f0f6;--chart-secondary:#a7c8de;--focus:#256cb0;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:20px;
  --overlay:#0c203342;--border-warning:#dfcda5;--shadow-hover:0 3px 10px #172b4209;--shadow-sm:0 1px 2px #172b4208;--shadow-popover:0 12px 40px #172b421a,0 2px 8px #172b420d;--control-height:36px;--sidebar-width:228px;--content-max:1440px;
  --motion-fast:140ms;--motion-normal:200ms;
}
[data-theme="dark"]{
  color-scheme:dark;--canvas:#101923;--sidebar:#121e2a;--surface:#172430;--surface-subtle:#1d2c39;--surface-hover:#233746;--text:#edf4fa;--text-secondary:#c0cdd9;--text-muted:#a0b1c2;
  --border-control:#758b9f;--border:#2c3d4c;--border-strong:#496071;--primary:#c2e6fa;--on-primary:#183a59;--accent:#83bfe1;--accent-soft:#233d50;--accent-text:#c2e6fa;
  --success:#9edbbb;--success-bg:#183d31;--warning:#f0cc85;--warning-bg:#40331f;--danger:#ffb4bc;--danger-bg:#45252e;--info:#b6cdf4;--info-bg:#243752;
  --chart:#9acbe9;--chart-soft:#203b4e;--chart-secondary:#4e7c9b;--focus:#a9d9ff;--overlay:#050c14a6;--border-warning:#725a31;--shadow-hover:0 3px 10px #0003;--shadow-popover:0 16px 48px #0006;
}
@media(prefers-reduced-motion:reduce){:root{--motion-fast:0ms;--motion-normal:0ms}*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}