/* echo-tokens.css — GENERATED by tools/console-copy/sync-tokens.cjs. Do not edit by hand.
 *
 * The console prototype's design tokens (E:/echocalls-console-design/src/styles/index.css, the
 * website's design system), copied by script: Wave 6-Lite borrowing 1, "copy, don't retype".
 * Loaded after tokens.css and before sadaa.css; sadaa.css maps its older names onto these.
 * Fonts: Manrope, Almarai and the IBM Plex Sans Arabic digits are SIL Open Font License 1.1.
 *
 * source sha256: fc614968489e45cfaddf666b45a1ca4b12463a83026e74ec5d84e8147cd9b4f0
 * body sha256:   4c2f2686f54b335214064cb92d73fea30bd6352734785c7501501b207cea4c6b
 */
/* ---- fonts ---- */
@font-face {
  font-family: 'Manrope Variable';
  font-style: normal;
  font-display: swap;
  font-weight: 200 800;
  src: url(vendor/fonts/manrope-latin.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;
}
@font-face {
  font-family: 'Manrope Variable';
  font-style: normal;
  font-display: swap;
  font-weight: 200 800;
  src: url(vendor/fonts/manrope-latin-ext.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;
}
@font-face {
  font-family: 'Almarai';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(vendor/fonts/almarai-arabic-400.woff2) format('woff2');
  unicode-range: U+0020, U+00A0, U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC;
}
@font-face {
  font-family: 'Almarai';
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src: url(vendor/fonts/almarai-arabic-700.woff2) format('woff2');
  unicode-range: U+0020, U+00A0, U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC;
}
@font-face {
  font-family: 'Almarai';
  font-style: normal;
  font-display: swap;
  font-weight: 800;
  src: url(vendor/fonts/almarai-arabic-800.woff2) format('woff2');
  unicode-range: U+0020, U+00A0, U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC;
}
@font-face {
  font-family: 'Echo Digits';
  font-style: normal;
  font-display: swap;
  font-weight: 100 500;
  src: url(vendor/fonts/plex-arabic-digits-400.woff2) format('woff2');
  unicode-range: U+0660-0669, U+066B-066C;
}
@font-face {
  font-family: 'Echo Digits';
  font-style: normal;
  font-display: swap;
  font-weight: 600 900;
  src: url(vendor/fonts/plex-arabic-digits-700.woff2) format('woff2');
  unicode-range: U+0660-0669, U+066B-066C;
}

/* ---- font stacks, type roles, easing, radii (the prototype's @theme) ---- */
:root {
  --font-sans: 'Manrope Variable', 'Echo Digits', 'Almarai', ui-sans-serif, system-ui, sans-serif;
  --font-arabic: 'Echo Digits', 'Almarai', 'Manrope Variable', ui-sans-serif, system-ui, sans-serif;
  --echo-radius-sm: 10px;
  --echo-radius-md: 14px;
  --echo-radius-lg: 18px;
  --echo-radius-xl: 22px;
  --echo-radius-2xl: 26px;
  --echo-radius-3xl: 32px;
  --echo-radius-4xl: 40px;
  --text-meta: 0.8125rem;
  --text-small: 0.9375rem;
  --text-body: 1.0625rem;
  --text-lead: 1.25rem;
  --text-title: 1.5rem;
  --text-head: 1.875rem;
  --text-h2: clamp(1.875rem, 1.4rem + 1.6vw, 2.625rem);
  --text-display: clamp(2.75rem, 1.4rem + 4.2vw, 4.5rem);
  --ease-out-soft: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-press: cubic-bezier(0.2, 0.8, 0.2, 1);
}

/* ---- light: "daylight in the clinic" ---- */
:root {
  --lh-meta: 1.4;
  --lh-small: 1.45;
  --lh-body: 1.55;
  --lh-lead: 1.45;
  --lh-title: 1.25;
  --lh-head: 1.15;
  --lh-h2: 1.1;
  --lh-display: 1.02;
  --ground: #ECEAE6;
  --surface: #FFFFFF;
  --surface-2: #F4F3F0;
  --surface-3: #E6E3DE;
  --ink: #1D1B19;
  --ink-2: #55504A;
  --ink-3: #67615A;
  --line: #E1DED9;
  --line-strong: #8C857D;
  --ember: #FF8A3D;
  --ember-fill: #FF8A3D;
  --ember-hover: #F57E2F;
  --ember-ink: #A84A0C;
  --on-ember: #1D1B19;
  --mark-arc: #E0661A;
  --ok: #2E7550;
  --ok-wash: #E3F0E7;
  --danger: #D9443F;
  --danger-hover: #C63A35;
  --danger-ink: #A3302C;
  --danger-wash: #F8E4E2;
  --focus: #A84A0C;
  --lane-agent: #4A433C;
  --lane-caller: #6E87A3;
  --mariam-bg: #2A2623;
  --mariam-fg: #F4F1EC;
  --scrim: rgb(29 27 25 / 0.32);
  --selection: rgb(255 138 61 / 0.28);
  --scrollbar: #BDB8B1;
  --sh-card: 0 1px 2px rgb(40 34 28 / 0.05), 0 6px 20px -10px rgb(40 34 28 / 0.14);
  --sh-float: 0 2px 6px rgb(40 34 28 / 0.06), 0 22px 48px -18px rgb(40 34 28 / 0.28);
  --sh-press: 0 1px 2px rgb(40 34 28 / 0.08);
  --device: #D8D4CE;
  --device-edge: #C9C4BD;
  --phone-screen: #F7F6F4;
  --island: #1D1B19;
  --sh-device: 0 3px 8px rgb(40 34 28 / 0.06), 0 48px 90px -40px rgb(40 34 28 / 0.38);
  --stage: #22201E;
  --stage-2: #2E2B28;
  --stage-ink: #EDEAE6;
  --stage-ink-2: #BDB7AF;
  --stage-line: rgb(237 234 230 / 0.12);
  --tint-sage-bg: #D4E9DA;
  --tint-sage-fg: #285238;
  --tint-olive-bg: #E3E5CF;
  --tint-olive-fg: #494B1F;
  --tint-slate-bg: #D4E5F7;
  --tint-slate-fg: #2B4A69;
  --tint-lilac-bg: #E7DEF3;
  --tint-lilac-fg: #503E64;
  --tint-rose-bg: #F4DBE4;
  --tint-rose-fg: #633849;
  color-scheme: light;
}

/* ---- Arabic: taller leading (the page, or an Arabic island inside an English page) ---- */
:root:lang(ar),
[lang="ar"] {
  --lh-meta: 1.55;
  --lh-small: 1.65;
  --lh-body: 1.75;
  --lh-lead: 1.65;
  --lh-title: 1.45;
  --lh-head: 1.4;
  --lh-h2: 1.35;
  --lh-display: 1.25;
}

/* ---- dark: "late evening, in bed" (prototype .dark) ---- */
:root[data-theme="dark"] {
  --ground: #1B1A19;
  --surface: #252321;
  --surface-2: #2E2C29;
  --surface-3: #383532;
  --ink: #EDEAE6;
  --ink-2: #BDB7AF;
  --ink-3: #A8A198;
  --line: #34312E;
  --line-strong: #77716A;
  --ember: #FF8A3D;
  --ember-fill: #EC8443;
  --ember-hover: #F49253;
  --ember-ink: #FF9A55;
  --on-ember: #1B1A19;
  --mark-arc: #FF8A3D;
  --ok: #8CC9A3;
  --ok-wash: #24362B;
  --danger: #D9443F;
  --danger-hover: #E5524C;
  --danger-ink: #F2A09A;
  --danger-wash: #3D2624;
  --focus: #FF9A55;
  --lane-agent: #D8CEC4;
  --lane-caller: #7895B5;
  --mariam-bg: #45403B;
  --mariam-fg: #F1EDE8;
  --scrim: rgb(10 9 8 / 0.55);
  --selection: rgb(255 138 61 / 0.32);
  --scrollbar: #4A4642;
  --sh-card: 0 1px 0 rgb(255 255 255 / 0.025) inset, 0 8px 22px -14px rgb(0 0 0 / 0.5);
  --sh-float: 0 1px 0 rgb(255 255 255 / 0.04) inset, 0 24px 50px -20px rgb(0 0 0 / 0.7);
  --sh-press: 0 1px 2px rgb(0 0 0 / 0.3);
  --device: #3A3633;
  --device-edge: #4A4642;
  --phone-screen: #1F1E1C;
  --island: #0E0D0C;
  --sh-device: 0 3px 10px rgb(0 0 0 / 0.3), 0 50px 90px -40px rgb(0 0 0 / 0.7);
  --stage: #252321;
  --stage-2: #302D2A;
  --tint-sage-bg: #2F4135;
  --tint-sage-fg: #C8E7D1;
  --tint-olive-bg: #3C3E2B;
  --tint-olive-fg: #DEE2C0;
  --tint-slate-bg: #303D4B;
  --tint-slate-fg: #C8E1FB;
  --tint-lilac-bg: #3F3849;
  --tint-lilac-fg: #E5D7F7;
  --tint-rose-bg: #49353D;
  --tint-rose-fg: #F8D2DF;
  color-scheme: dark;
}

/* ---- console additions (chart series, rail width) ---- */
:root {
  --series-calls: #9DB0C6;
  --series-bookings: #FF8A3D;
  --rail-w: 268px;
}
:root[data-theme="dark"] {
  --series-calls: #5F7894;
  --series-bookings: #EC8443;
}