/* sipgate Neo Design System — Light theme tokens
   Generated from sipgate/neo-tokens figma/tokens.json (@sipgate/neo-tokens v31)
   Source of truth: https://github.com/sipgate/neo-tokens

   Usage:
     <link rel="stylesheet" href="colors_and_type.css">
     body { font-family: var(--neo-font-sans); color: var(--neo-color-global-content-neutral-intense); }
*/

/* ============================================================
   FONT FACES
   ------------------------------------------------------------
   Primary: PX-Grotesk (UI + body). Served from sipgate CDN —
   licensed only for sipgate.de / sipgate.co.uk domains.
   Mono: PX-Grotesk-Mono (credentials, SIP-IDs, PINs).
   Display: Tiempos Headline Light (branding moments, mixed heads).
   ============================================================ */

@font-face {
	font-family: 'PX-Grotesk';
	font-weight: 300;
	font-style: normal;
	font-display: swap;
	src: url('https://static.sipgate.com/fonts/px-grotesk/px-grotesk-light.woff2') format('woff2');
}
@font-face {
	font-family: 'PX-Grotesk';
	font-weight: 400;
	font-style: normal;
	font-display: swap;
	src: url('https://static.sipgate.com/fonts/px-grotesk/px-grotesk-regular.woff2') format('woff2');
}
@font-face {
	font-family: 'PX-Grotesk';
	font-weight: 400;
	font-style: italic;
	font-display: swap;
	src: url('https://static.sipgate.com/fonts/px-grotesk/px-grotesk-italic.woff2') format('woff2');
}
@font-face {
	font-family: 'PX-Grotesk';
	font-weight: 700;
	font-style: normal;
	font-display: swap;
	src: url('https://static.sipgate.com/fonts/px-grotesk/px-grotesk-bold.woff2') format('woff2');
}
@font-face {
	font-family: 'PX-Grotesk-Mono';
	font-weight: 300;
	font-style: normal;
	font-display: swap;
	src: url('https://static.sipgate.com/fonts/px-grotesk-mono/px-grotesk-mono-light.woff2') format('woff2');
}
@font-face {
	font-family: 'PX-Grotesk-Mono';
	font-weight: 400;
	font-style: normal;
	font-display: swap;
	src: url('https://static.sipgate.com/fonts/px-grotesk-mono/px-grotesk-mono-regular.woff2') format('woff2');
}
@font-face {
	font-family: 'PX-Grotesk-Mono';
	font-weight: 700;
	font-style: normal;
	font-display: swap;
	src: url('https://static.sipgate.com/fonts/px-grotesk-mono/px-grotesk-mono-bold.woff2') format('woff2');
}
@font-face {
	font-family: 'Tiempos Headline';
	font-weight: 300;
	font-style: normal;
	font-display: swap;
	src: url('../fonts/tiempos-headline-light.woff2') format('woff2');
}

:root {
	/* Font families */
	--neo-font-sans: 'PX-Grotesk', 'BlinkMacSystemFont', '-apple-system', 'Trebuchet MS', 'Helvetica',
		'HelveticaNeue', 'Helvetica Neue', 'Segoe UI', 'Roboto', 'Arial', 'sans-serif';
	--neo-font-mono: 'PX-Grotesk-Mono', 'Monaco', 'Lucida Console', 'monospace';
	--neo-font-display: 'Tiempos Headline', 'Georgia', 'Times', 'Times New Roman', 'serif';

	/* Type scale — panda-ui does not expose numeric tokens yet; these are
	   the sizes used throughout pandaUI components, lifted from Button.module.css,
	   DemoComponents.tsx and normal body conventions in the monorepo. */
	--neo-text-xs-size: 0.75rem;     /* 12px — small button, meta */
	--neo-text-xs-lh:   1rem;
	--neo-text-sm-size: 0.875rem;    /* 14px — medium button, secondary body */
	--neo-text-sm-lh:   1.25rem;
	--neo-text-base-size: 1rem;      /* 16px — body */
	--neo-text-base-lh:   1.5rem;
	--neo-text-lg-size: 1.25rem;     /* 20px */
	--neo-text-lg-lh:   1.75rem;
	--neo-text-xl-size: 1.5rem;      /* 24px — section heading */
	--neo-text-xl-lh:   2rem;
	--neo-text-2xl-size: 2rem;       /* 32px — page heading */
	--neo-text-2xl-lh:   2.5rem;
	--neo-text-3xl-size: 2.5rem;     /* 40px — Tiempos branding */
	--neo-text-3xl-lh:   3rem;
	--neo-text-4xl-size: 3.5rem;     /* 56px — display */
	--neo-text-4xl-lh:   4rem;

	/* Radii — pandaUI uses a quiet 0.25rem (4px) baseline; cards sit at 0.5rem. */
	--neo-radius-xs: 0.125rem;  /* 2px */
	--neo-radius-sm: 0.25rem;   /* 4px — buttons, inputs */
	--neo-radius-md: 0.375rem;  /* 6px — icon backdrops */
	--neo-radius-lg: 0.5rem;    /* 8px — cards */
	--neo-radius-xl: 0.75rem;   /* 12px */
	--neo-radius-full: 9999px;

	/* Spacing scale — 4px grid */
	--neo-space-0: 0;
	--neo-space-1: 0.25rem;  /* 4 */
	--neo-space-2: 0.5rem;   /* 8 */
	--neo-space-3: 0.75rem;  /* 12 */
	--neo-space-4: 1rem;     /* 16 */
	--neo-space-5: 1.25rem;  /* 20 */
	--neo-space-6: 1.5rem;   /* 24 */
	--neo-space-8: 2rem;     /* 32 */
	--neo-space-10: 2.5rem;  /* 40 */
	--neo-space-12: 3rem;    /* 48 */
	--neo-space-16: 4rem;    /* 64 */

	/* Focus ring — pandaUI uses the unmistakable pink focus colour as
	   an inset 3px ring on interactive elements. */
	--neo-focus-ring: 0 0 0 0.1875rem var(--neo-color-global-border-static-focus) inset;

	/* Motion */
	--neo-duration-fast: 150ms;
	--neo-easing-standard: ease-in-out;


	/* ------------------------------------------------------------
	   NEO COLOR TOKENS — neo-light theme (479 tokens)
	   ------------------------------------------------------------ */


	/* android-component */
	--neo-color-android-component-card-background-default: #f5f5f5;
	--neo-color-android-component-card-background-disabled: #0000000f;
	--neo-color-android-component-dialog-user-data-content-default: #838383;
	--neo-color-android-component-input-background-default: #f5f5f5;
	--neo-color-android-component-input-background-disabled: #0000000f;

	/* android-surface */
	--neo-color-android-surface-app: #ffffff;
	--neo-color-android-surface-navigation: #ffffff;

	/* desktop-background */
	--neo-color-desktop-background-critical-minimal-active: #ffd9d6;
	--neo-color-desktop-background-critical-minimal-default: #ffffff;
	--neo-color-desktop-background-critical-minimal-disabled: #0000000f;
	--neo-color-desktop-background-critical-minimal-hover: #ffebe9;
	--neo-color-desktop-background-neutral-minimal-active: #efefef;
	--neo-color-desktop-background-neutral-minimal-default: #ffffff;
	--neo-color-desktop-background-neutral-minimal-disabled: #0000000f;
	--neo-color-desktop-background-neutral-minimal-hover: #f9f9f9;

	/* desktop-component */
	--neo-color-desktop-component-call-screen-header-gradient: #ffeadc;
	--neo-color-desktop-component-search-background-active: #f9f9f9;
	--neo-color-desktop-component-search-background-default: #ffffff;
	--neo-color-desktop-component-search-background-hover: #fcfcfc;

	/* desktop-surface */
	--neo-color-desktop-surface-app: #ffffff;
	--neo-color-desktop-surface-navigation: #f0f0f0;

	/* global-background */
	--neo-color-global-background-accent-1-intense-active: #00504b;
	--neo-color-global-background-accent-1-intense-default: #006660;
	--neo-color-global-background-accent-1-intense-disabled: #0000000f;
	--neo-color-global-background-accent-1-intense-hover: #005650;
	--neo-color-global-background-accent-1-moderate-active: #8ead8f;
	--neo-color-global-background-accent-1-moderate-default: #bdd9be;
	--neo-color-global-background-accent-1-moderate-disabled: #0000000f;
	--neo-color-global-background-accent-1-moderate-hover: #a8c7a8;
	--neo-color-global-background-accent-1-soft-active: #d1e6d1;
	--neo-color-global-background-accent-1-soft-default: #ebf5eb;
	--neo-color-global-background-accent-1-soft-disabled: #0000000f;
	--neo-color-global-background-accent-1-soft-hover: #dfeedf;
	--neo-color-global-background-accent-2-intense-active: #643db6;
	--neo-color-global-background-accent-2-intense-default: #8642fe;
	--neo-color-global-background-accent-2-intense-disabled: #0000000f;
	--neo-color-global-background-accent-2-intense-hover: #7933ec;
	--neo-color-global-background-accent-2-moderate-active: #ad90ff;
	--neo-color-global-background-accent-2-moderate-default: #d4c6ff;
	--neo-color-global-background-accent-2-moderate-disabled: #0000000f;
	--neo-color-global-background-accent-2-moderate-hover: #c3afff;
	--neo-color-global-background-accent-2-soft-active: #e0d6ff;
	--neo-color-global-background-accent-2-soft-default: #f3efff;
	--neo-color-global-background-accent-2-soft-disabled: #0000000f;
	--neo-color-global-background-accent-2-soft-hover: #eae3ff;
	--neo-color-global-background-accent-3-intense-active: #e56500;
	--neo-color-global-background-accent-3-intense-default: #ff7200;
	--neo-color-global-background-accent-3-intense-disabled: #0000000f;
	--neo-color-global-background-accent-3-intense-hover: #f36400;
	--neo-color-global-background-accent-3-moderate-active: #f1905e;
	--neo-color-global-background-accent-3-moderate-default: #ffba91;
	--neo-color-global-background-accent-3-moderate-disabled: #0000000f;
	--neo-color-global-background-accent-3-moderate-hover: #fca87e;
	--neo-color-global-background-accent-3-soft-active: #ffcaa9;
	--neo-color-global-background-accent-3-soft-default: #ffeadc;
	--neo-color-global-background-accent-3-soft-disabled: #0000000f;
	--neo-color-global-background-accent-3-soft-hover: #ffd8be;
	--neo-color-global-background-critical-intense-active: #e24347;
	--neo-color-global-background-critical-intense-default: #ff5e5e;
	--neo-color-global-background-critical-intense-disabled: #0000000f;
	--neo-color-global-background-critical-intense-hover: #ed4d50;
	--neo-color-global-background-critical-moderate-active: #f08c87;
	--neo-color-global-background-critical-moderate-default: #ffbab4;
	--neo-color-global-background-critical-moderate-disabled: #0000000f;
	--neo-color-global-background-critical-moderate-hover: #f9a7a1;
	--neo-color-global-background-critical-soft-active: #ffcac5;
	--neo-color-global-background-critical-soft-default: #ffebe9;
	--neo-color-global-background-critical-soft-disabled: #0000000f;
	--neo-color-global-background-critical-soft-hover: #ffd9d6;
	--neo-color-global-background-electric-intense-active: #c9e702;
	--neo-color-global-background-electric-intense-default: #deff00;
	--neo-color-global-background-electric-intense-disabled: #0000000f;
	--neo-color-global-background-electric-intense-hover: #d5f505;
	--neo-color-global-background-electric-moderate-active: #a5bb42;
	--neo-color-global-background-electric-moderate-default: #cbe176;
	--neo-color-global-background-electric-moderate-disabled: #0000000f;
	--neo-color-global-background-electric-moderate-hover: #bcd06d;
	--neo-color-global-background-electric-soft-active: #d9f083;
	--neo-color-global-background-electric-soft-default: #effdc1;
	--neo-color-global-background-electric-soft-disabled: #0000000f;
	--neo-color-global-background-electric-soft-hover: #e5f8a1;
	--neo-color-global-background-info-intense-active: #2042e4;
	--neo-color-global-background-info-intense-default: #315dff;
	--neo-color-global-background-info-intense-disabled: #0000000f;
	--neo-color-global-background-info-intense-hover: #274ff0;
	--neo-color-global-background-info-moderate-active: #8da2f7;
	--neo-color-global-background-info-moderate-default: #c0cfff;
	--neo-color-global-background-info-moderate-disabled: #0000000f;
	--neo-color-global-background-info-moderate-hover: #aabcff;
	--neo-color-global-background-info-soft-active: #d2deff;
	--neo-color-global-background-info-soft-default: #edf2ff;
	--neo-color-global-background-info-soft-disabled: #0000000f;
	--neo-color-global-background-info-soft-hover: #e1e9ff;
	--neo-color-global-background-neutral-intense-active: #797979;
	--neo-color-global-background-neutral-intense-default: #8d8d8d;
	--neo-color-global-background-neutral-intense-disabled: #0000000f;
	--neo-color-global-background-neutral-intense-hover: #838383;
	--neo-color-global-background-neutral-moderate-active: #bbbbbb;
	--neo-color-global-background-neutral-moderate-default: #d8d8d8;
	--neo-color-global-background-neutral-moderate-disabled: #0000000f;
	--neo-color-global-background-neutral-moderate-hover: #cecece;
	--neo-color-global-background-neutral-soft-active: #e0e0e0;
	--neo-color-global-background-neutral-soft-default: #efefef;
	--neo-color-global-background-neutral-soft-disabled: #0000000f;
	--neo-color-global-background-neutral-soft-hover: #e8e8e8;
	--neo-color-global-background-primary-intense-active: #3c3c3c;
	--neo-color-global-background-primary-intense-default: #121212;
	--neo-color-global-background-primary-intense-disabled: #0000000f;
	--neo-color-global-background-primary-intense-hover: #2b2b2b;
	--neo-color-global-background-primary-moderate-active: #bbbbbb;
	--neo-color-global-background-primary-moderate-default: #d9d9d9;
	--neo-color-global-background-primary-moderate-disabled: #0000000f;
	--neo-color-global-background-primary-moderate-hover: #cecece;
	--neo-color-global-background-primary-soft-active: #e1e1e1;
	--neo-color-global-background-primary-soft-default: #f0f0f0;
	--neo-color-global-background-primary-soft-disabled: #0000000f;
	--neo-color-global-background-primary-soft-hover: #e8e8e8;
	--neo-color-global-background-static-mask: #ffffff;
	--neo-color-global-background-static-transparent: #ffffff00;
	--neo-color-global-background-success-intense-active: #0e9b6b;
	--neo-color-global-background-success-intense-default: #00bd82;
	--neo-color-global-background-success-intense-disabled: #0000000f;
	--neo-color-global-background-success-intense-hover: #01ac76;
	--neo-color-global-background-success-moderate-active: #0fc085;
	--neo-color-global-background-success-moderate-default: #9ce2bf;
	--neo-color-global-background-success-moderate-disabled: #0000000f;
	--neo-color-global-background-success-moderate-hover: #73d4a7;
	--neo-color-global-background-success-soft-active: #b8ecd1;
	--neo-color-global-background-success-soft-default: #e1f8ec;
	--neo-color-global-background-success-soft-disabled: #0000000f;
	--neo-color-global-background-success-soft-hover: #cef3e0;
	--neo-color-global-background-warning-intense-active: #e2ad11;
	--neo-color-global-background-warning-intense-default: #ffbd00;
	--neo-color-global-background-warning-intense-disabled: #0000000f;
	--neo-color-global-background-warning-intense-hover: #f0b706;
	--neo-color-global-background-warning-moderate-active: #dca72b;
	--neo-color-global-background-warning-moderate-default: #ffd070;
	--neo-color-global-background-warning-moderate-disabled: #0000000f;
	--neo-color-global-background-warning-moderate-hover: #eebf60;
	--neo-color-global-background-warning-soft-active: #ffde95;
	--neo-color-global-background-warning-soft-default: #fff3d6;
	--neo-color-global-background-warning-soft-disabled: #0000000f;
	--neo-color-global-background-warning-soft-hover: #ffe9b8;

	/* global-border */
	--neo-color-global-border-accent-1-intense-active: #00504b;
	--neo-color-global-border-accent-1-intense-default: #006660;
	--neo-color-global-border-accent-1-intense-disabled: #0000000f;
	--neo-color-global-border-accent-1-intense-hover: #005650;
	--neo-color-global-border-accent-1-moderate-active: #8ead8f;
	--neo-color-global-border-accent-1-moderate-default: #bdd9be;
	--neo-color-global-border-accent-1-moderate-disabled: #0000000f;
	--neo-color-global-border-accent-1-moderate-hover: #a8c7a8;
	--neo-color-global-border-accent-1-soft-active: #d1e6d1;
	--neo-color-global-border-accent-1-soft-default: #ebf5eb;
	--neo-color-global-border-accent-1-soft-disabled: #0000000f;
	--neo-color-global-border-accent-1-soft-hover: #dfeedf;
	--neo-color-global-border-accent-2-intense-active: #643db6;
	--neo-color-global-border-accent-2-intense-default: #8642fe;
	--neo-color-global-border-accent-2-intense-disabled: #0000000f;
	--neo-color-global-border-accent-2-intense-hover: #7933ec;
	--neo-color-global-border-accent-2-moderate-active: #ad90ff;
	--neo-color-global-border-accent-2-moderate-default: #d4c6ff;
	--neo-color-global-border-accent-2-moderate-disabled: #0000000f;
	--neo-color-global-border-accent-2-moderate-hover: #c3afff;
	--neo-color-global-border-accent-2-soft-active: #e0d6ff;
	--neo-color-global-border-accent-2-soft-default: #f3efff;
	--neo-color-global-border-accent-2-soft-disabled: #0000000f;
	--neo-color-global-border-accent-2-soft-hover: #eae3ff;
	--neo-color-global-border-accent-3-intense-active: #e56500;
	--neo-color-global-border-accent-3-intense-default: #ff7200;
	--neo-color-global-border-accent-3-intense-disabled: #0000000f;
	--neo-color-global-border-accent-3-intense-hover: #f36400;
	--neo-color-global-border-accent-3-moderate-active: #f1905e;
	--neo-color-global-border-accent-3-moderate-default: #ffba91;
	--neo-color-global-border-accent-3-moderate-disabled: #0000000f;
	--neo-color-global-border-accent-3-moderate-hover: #fca87e;
	--neo-color-global-border-accent-3-soft-active: #ffcaa9;
	--neo-color-global-border-accent-3-soft-default: #ffeadc;
	--neo-color-global-border-accent-3-soft-disabled: #0000000f;
	--neo-color-global-border-accent-3-soft-hover: #ffd8be;
	--neo-color-global-border-critical-intense-active: #e24347;
	--neo-color-global-border-critical-intense-default: #ff5e5e;
	--neo-color-global-border-critical-intense-disabled: #0000000f;
	--neo-color-global-border-critical-intense-hover: #ed4d50;
	--neo-color-global-border-critical-moderate-active: #f08c87;
	--neo-color-global-border-critical-moderate-default: #ffbab4;
	--neo-color-global-border-critical-moderate-disabled: #0000000f;
	--neo-color-global-border-critical-moderate-hover: #f9a7a1;
	--neo-color-global-border-critical-soft-active: #ffcac5;
	--neo-color-global-border-critical-soft-default: #ffebe9;
	--neo-color-global-border-critical-soft-disabled: #0000000f;
	--neo-color-global-border-critical-soft-hover: #ffd9d6;
	--neo-color-global-border-electric-intense-active: #c9e702;
	--neo-color-global-border-electric-intense-default: #deff00;
	--neo-color-global-border-electric-intense-disabled: #0000000f;
	--neo-color-global-border-electric-intense-hover: #d5f505;
	--neo-color-global-border-electric-moderate-active: #a5bb42;
	--neo-color-global-border-electric-moderate-default: #cbe176;
	--neo-color-global-border-electric-moderate-disabled: #0000000f;
	--neo-color-global-border-electric-moderate-hover: #bcd06d;
	--neo-color-global-border-electric-soft-active: #d9f083;
	--neo-color-global-border-electric-soft-default: #effdc1;
	--neo-color-global-border-electric-soft-disabled: #0000000f;
	--neo-color-global-border-electric-soft-hover: #e5f8a1;
	--neo-color-global-border-info-intense-active: #2042e4;
	--neo-color-global-border-info-intense-default: #315dff;
	--neo-color-global-border-info-intense-disabled: #0000000f;
	--neo-color-global-border-info-intense-hover: #274ff0;
	--neo-color-global-border-info-moderate-active: #8da2f7;
	--neo-color-global-border-info-moderate-default: #c0cfff;
	--neo-color-global-border-info-moderate-disabled: #0000000f;
	--neo-color-global-border-info-moderate-hover: #aabcff;
	--neo-color-global-border-info-soft-active: #d2deff;
	--neo-color-global-border-info-soft-default: #edf2ff;
	--neo-color-global-border-info-soft-disabled: #0000000f;
	--neo-color-global-border-info-soft-hover: #e1e9ff;
	--neo-color-global-border-neutral-intense-active: #797979;
	--neo-color-global-border-neutral-intense-default: #8d8d8d;
	--neo-color-global-border-neutral-intense-disabled: #0000000f;
	--neo-color-global-border-neutral-intense-hover: #838383;
	--neo-color-global-border-neutral-moderate-active: #bbbbbb;
	--neo-color-global-border-neutral-moderate-default: #d8d8d8;
	--neo-color-global-border-neutral-moderate-disabled: #0000000f;
	--neo-color-global-border-neutral-moderate-hover: #cecece;
	--neo-color-global-border-neutral-soft-active: #e0e0e0;
	--neo-color-global-border-neutral-soft-default: #efefef;
	--neo-color-global-border-neutral-soft-disabled: #0000000f;
	--neo-color-global-border-neutral-soft-hover: #e8e8e8;
	--neo-color-global-border-primary-intense-active: #3c3c3c;
	--neo-color-global-border-primary-intense-default: #121212;
	--neo-color-global-border-primary-intense-disabled: #0000000f;
	--neo-color-global-border-primary-intense-hover: #2b2b2b;
	--neo-color-global-border-primary-moderate-active: #bbbbbb;
	--neo-color-global-border-primary-moderate-default: #d9d9d9;
	--neo-color-global-border-primary-moderate-disabled: #0000000f;
	--neo-color-global-border-primary-moderate-hover: #cecece;
	--neo-color-global-border-primary-soft-active: #e1e1e1;
	--neo-color-global-border-primary-soft-default: #f0f0f0;
	--neo-color-global-border-primary-soft-disabled: #0000000f;
	--neo-color-global-border-primary-soft-hover: #e8e8e8;
	--neo-color-global-border-static-black: #000000;
	--neo-color-global-border-static-focus: #f547cd;
	--neo-color-global-border-static-transparent: #ffffff00;
	--neo-color-global-border-static-white: #ffffff;
	--neo-color-global-border-success-intense-active: #0e9b6b;
	--neo-color-global-border-success-intense-default: #00bd82;
	--neo-color-global-border-success-intense-disabled: #0000000f;
	--neo-color-global-border-success-intense-hover: #01ac76;
	--neo-color-global-border-success-moderate-active: #0fc085;
	--neo-color-global-border-success-moderate-default: #9ce2bf;
	--neo-color-global-border-success-moderate-disabled: #0000000f;
	--neo-color-global-border-success-moderate-hover: #73d4a7;
	--neo-color-global-border-success-soft-active: #b8ecd1;
	--neo-color-global-border-success-soft-default: #e1f8ec;
	--neo-color-global-border-success-soft-disabled: #0000000f;
	--neo-color-global-border-success-soft-hover: #cef3e0;
	--neo-color-global-border-warning-intense-active: #e2ad11;
	--neo-color-global-border-warning-intense-default: #ffbd00;
	--neo-color-global-border-warning-intense-disabled: #0000000f;
	--neo-color-global-border-warning-intense-hover: #f0b706;
	--neo-color-global-border-warning-moderate-active: #dca72b;
	--neo-color-global-border-warning-moderate-default: #ffd070;
	--neo-color-global-border-warning-moderate-disabled: #0000000f;
	--neo-color-global-border-warning-moderate-hover: #eebf60;
	--neo-color-global-border-warning-soft-active: #ffde95;
	--neo-color-global-border-warning-soft-default: #fff3d6;
	--neo-color-global-border-warning-soft-disabled: #0000000f;
	--neo-color-global-border-warning-soft-hover: #ffe9b8;

	/* global-chart */
	--neo-color-global-chart-category-1-monochrome: #2042e4;
	--neo-color-global-chart-category-1-multicolor: #8da2f7;
	--neo-color-global-chart-category-2-monochrome: #0b1b51;
	--neo-color-global-chart-category-2-multicolor: #00c0bc;
	--neo-color-global-chart-category-3-monochrome: #7083d5;
	--neo-color-global-chart-category-3-multicolor: #eb89c4;
	--neo-color-global-chart-category-4-monochrome: #8da2f7;
	--neo-color-global-chart-category-4-multicolor: #e2a140;
	--neo-color-global-chart-heatmap-monochrome-intensity: #315dff;

	/* global-component */
	--neo-color-global-component-avatar-background-1-1: #aabcff;
	--neo-color-global-component-avatar-background-1-2: #aabcff;
	--neo-color-global-component-avatar-background-1-3: #315dff;
	--neo-color-global-component-avatar-background-1-4: #315dff;
	--neo-color-global-component-avatar-background-2-1: #a8c7a8;
	--neo-color-global-component-avatar-background-2-2: #a8c7a8;
	--neo-color-global-component-avatar-background-2-3: #006660;
	--neo-color-global-component-avatar-background-2-4: #006660;
	--neo-color-global-component-avatar-background-3-1: #eebf60;
	--neo-color-global-component-avatar-background-3-2: #eebf60;
	--neo-color-global-component-avatar-background-3-3: #ffbd00;
	--neo-color-global-component-avatar-background-3-4: #ffbd00;
	--neo-color-global-component-avatar-background-4-1: #fca87e;
	--neo-color-global-component-avatar-background-4-2: #fca87e;
	--neo-color-global-component-avatar-background-4-3: #ff7200;
	--neo-color-global-component-avatar-background-4-4: #ff7200;
	--neo-color-global-component-avatar-background-5-1: #f9a7a1;
	--neo-color-global-component-avatar-background-5-2: #f9a7a1;
	--neo-color-global-component-avatar-background-5-3: #ff5e5e;
	--neo-color-global-component-avatar-background-5-4: #ff5e5e;
	--neo-color-global-component-avatar-background-6-1: #cbe176;
	--neo-color-global-component-avatar-background-6-2: #cbe176;
	--neo-color-global-component-avatar-background-6-3: #a5bb42;
	--neo-color-global-component-avatar-background-6-4: #a5bb42;
	--neo-color-global-component-avatar-background-7-1: #c3afff;
	--neo-color-global-component-avatar-background-7-2: #c3afff;
	--neo-color-global-component-avatar-background-7-3: #8642fe;
	--neo-color-global-component-avatar-background-7-4: #8642fe;
	--neo-color-global-component-avatar-content-1-1: #172b67;
	--neo-color-global-component-avatar-content-1-2: #172b67;
	--neo-color-global-component-avatar-content-1-3: #edf2ff;
	--neo-color-global-component-avatar-content-1-4: #edf2ff;
	--neo-color-global-component-avatar-content-2-1: #163d39;
	--neo-color-global-component-avatar-content-2-2: #163d39;
	--neo-color-global-component-avatar-content-2-3: #ebf5eb;
	--neo-color-global-component-avatar-content-2-4: #ebf5eb;
	--neo-color-global-component-avatar-content-3-1: #48391b;
	--neo-color-global-component-avatar-content-3-2: #48391b;
	--neo-color-global-component-avatar-content-3-3: #48391b;
	--neo-color-global-component-avatar-content-3-4: #48391b;
	--neo-color-global-component-avatar-content-4-1: #582e17;
	--neo-color-global-component-avatar-content-4-2: #582e17;
	--neo-color-global-component-avatar-content-4-3: #582e17;
	--neo-color-global-component-avatar-content-4-4: #582e17;
	--neo-color-global-component-avatar-content-5-1: #602121;
	--neo-color-global-component-avatar-content-5-2: #602121;
	--neo-color-global-component-avatar-content-5-3: #602121;
	--neo-color-global-component-avatar-content-5-4: #602121;
	--neo-color-global-component-avatar-content-6-1: #39401e;
	--neo-color-global-component-avatar-content-6-2: #39401e;
	--neo-color-global-component-avatar-content-6-3: #f9fdec;
	--neo-color-global-component-avatar-content-6-4: #f9fdec;
	--neo-color-global-component-avatar-content-7-1: #381672;
	--neo-color-global-component-avatar-content-7-2: #381672;
	--neo-color-global-component-avatar-content-7-3: #f3efff;
	--neo-color-global-component-avatar-content-7-4: #f3efff;
	--neo-color-global-component-avatar-overlay: #ffffff80;
	--neo-color-global-component-call-button-decline-background: #0000000f;
	--neo-color-global-component-call-button-decline-content: #fffcfc;
	--neo-color-global-component-call-button-start-background: #0000000f;
	--neo-color-global-component-call-button-start-content: #39401e;
	--neo-color-global-component-form-elements-background-active: #efefef;
	--neo-color-global-component-form-elements-background-default: #ffffff;
	--neo-color-global-component-form-elements-background-disabled: #0000000f;
	--neo-color-global-component-form-elements-background-hover: #f9f9f9;
	--neo-color-global-component-state-device-do-not-disturb: #d3333a;
	--neo-color-global-component-state-device-offline: #646464;
	--neo-color-global-component-state-device-online: #008353;
	--neo-color-global-component-state-user-available: #008353;
	--neo-color-global-component-state-user-do-not-disturb: #d3333a;
	--neo-color-global-component-state-user-in-a-call: #986f00;
	--neo-color-global-component-state-user-in-follow-up: #986f00;
	--neo-color-global-component-state-user-not-available: #646464;
	--neo-color-global-component-state-user-offline: #646464;
	--neo-color-global-component-state-user-on-mobile: #646464;
	--neo-color-global-component-tabswitch-handle-background: #ffffff;
	--neo-color-global-component-tabswitch-handle-content: #202020;
	--neo-color-global-component-toggle-handle-background: #00000045;

	/* global-content */
	--neo-color-global-content-accent-1-disabled: #00000045;
	--neo-color-global-content-accent-1-intense: #163d39;
	--neo-color-global-content-accent-1-moderate: #1d756e;
	--neo-color-global-content-accent-1-on-intense: #ffffff;
	--neo-color-global-content-accent-2-disabled: #00000045;
	--neo-color-global-content-accent-2-intense: #381672;
	--neo-color-global-content-accent-2-moderate: #7235dc;
	--neo-color-global-content-accent-2-on-intense: #ffffff;
	--neo-color-global-content-accent-3-disabled: #00000045;
	--neo-color-global-content-accent-3-intense: #582e17;
	--neo-color-global-content-accent-3-moderate: #d14d00;
	--neo-color-global-content-accent-3-on-intense: #ffffff;
	--neo-color-global-content-critical-disabled: #00000045;
	--neo-color-global-content-critical-intense: #602121;
	--neo-color-global-content-critical-moderate: #d3333a;
	--neo-color-global-content-critical-on-intense: #ffffff;
	--neo-color-global-content-electric-disabled: #00000045;
	--neo-color-global-content-electric-intense: #39401e;
	--neo-color-global-content-electric-moderate: #6e8000;
	--neo-color-global-content-electric-on-intense: #39401e;
	--neo-color-global-content-info-disabled: #00000045;
	--neo-color-global-content-info-intense: #172b67;
	--neo-color-global-content-info-moderate: #2b53e2;
	--neo-color-global-content-info-on-intense: #ffffff;
	--neo-color-global-content-link-active: #002db4;
	--neo-color-global-content-link-default: #2b53e2;
	--neo-color-global-content-link-disabled: #00000045;
	--neo-color-global-content-link-hover: #0041cc;
	--neo-color-global-content-neutral-disabled: #00000045;
	--neo-color-global-content-neutral-intense: #202020;
	--neo-color-global-content-neutral-moderate: #646464;
	--neo-color-global-content-neutral-on-intense: #202020;
	--neo-color-global-content-primary-disabled: #00000045;
	--neo-color-global-content-primary-intense: #1f1f1f;
	--neo-color-global-content-primary-moderate: #636363;
	--neo-color-global-content-primary-on-intense: #fcfcfc;
	--neo-color-global-content-success-disabled: #00000045;
	--neo-color-global-content-success-intense: #0b3e2a;
	--neo-color-global-content-success-moderate: #008353;
	--neo-color-global-content-success-on-intense: #ffffff;
	--neo-color-global-content-util-icon-set-placeholder-1: #202023;
	--neo-color-global-content-util-icon-set-placeholder-2: #c2c2c2;
	--neo-color-global-content-warning-disabled: #00000045;
	--neo-color-global-content-warning-intense: #48391b;
	--neo-color-global-content-warning-moderate: #986f00;
	--neo-color-global-content-warning-on-intense: #48391b;

	/* global-gradient */
	--neo-color-global-gradient-2-accents-0: #e0d6ff;
	--neo-color-global-gradient-2-accents-100: #aabcff;
	--neo-color-global-gradient-3-accents-0: #e0d6ff;
	--neo-color-global-gradient-3-accents-100: #d1e6d1;
	--neo-color-global-gradient-3-accents-50: #aabcff;

	/* global-shadow */
	--neo-color-global-shadow-contrast: #121212;
	--neo-color-global-shadow-default: #12121233;
	--neo-color-global-shadow-subtle: #1212120a;

	/* global-skeleton */
	--neo-color-global-skeleton-background: #efefef;
	--neo-color-global-skeleton-foreground: #ffffff;

	/* global-surface */
	--neo-color-global-surface-accent-1: #f6faf6;
	--neo-color-global-surface-accent-2: #f9f8ff;
	--neo-color-global-surface-accent-3: #fff5ef;
	--neo-color-global-surface-critical: #fff6f5;
	--neo-color-global-surface-dialog: #ffffff;
	--neo-color-global-surface-info: #f7f9ff;
	--neo-color-global-surface-menu: #ffffff;
	--neo-color-global-surface-overlay: #07070754;
	--neo-color-global-surface-section: #ffffff;
	--neo-color-global-surface-success: #f3fcf7;
	--neo-color-global-surface-warning: #fffae8;

	/* ios-component */
	--neo-color-ios-component-card-background-default: #f5f5f5;
	--neo-color-ios-component-card-background-disabled: #0000000f;
	--neo-color-ios-component-dialog-user-data-content-default: #838383;
	--neo-color-ios-component-input-background-default: #f5f5f5;
	--neo-color-ios-component-input-background-disabled: #0000000f;

	/* ios-surface */
	--neo-color-ios-surface-app: #ffffff;

	/* web-app */
	--neo-color-web-app-component-card-background-active: #e8e8e8;
	--neo-color-web-app-component-card-background-default: #ffffff;
	--neo-color-web-app-component-card-background-disabled: #0000000f;
	--neo-color-web-app-component-card-background-hover: #efefef;
	--neo-color-web-app-component-channel-routing-connector-active: #121212;
	--neo-color-web-app-component-channel-routing-connector-inactive: #bbbbbb;
	--neo-color-web-app-component-channel-routing-dot-grid-fill: #cecece;
	--neo-color-web-app-component-channel-routing-icon-date-time: #f3efff;
	--neo-color-web-app-component-channel-routing-icon-function: #ffeadc;
	--neo-color-web-app-component-channel-routing-icon-incoming-call: #f0f0f0;
	--neo-color-web-app-component-channel-routing-icon-outgoing-call: #ebf5eb;
	--neo-color-web-app-component-channel-routing-icon-user: #edf2ff;
	--neo-color-web-app-component-channel-routing-node-date-time: #eae3ff;
	--neo-color-web-app-component-channel-routing-node-empty: #e8e8e8;
	--neo-color-web-app-component-channel-routing-node-function: #ffd8be;
	--neo-color-web-app-component-channel-routing-node-incoming-call: #e8e8e8;
	--neo-color-web-app-component-channel-routing-node-outgoing-call: #dfeedf;
	--neo-color-web-app-component-channel-routing-node-user: #e1e9ff;
	--neo-color-web-app-component-devicecard-background-endpoint: #e1e9ff;
	--neo-color-web-app-component-devicecard-background-forwarding: #dfeedf;
	--neo-color-web-app-component-devicecard-background-function: #ffd8be;
	--neo-color-web-app-component-devicecard-border-endpoint: #d2deff;
	--neo-color-web-app-component-devicecard-border-forwarding: #d1e6d1;
	--neo-color-web-app-component-devicecard-border-function: #ffcaa9;
	--neo-color-web-app-component-devicecard-type-indicator-endpoint: #d2deff;
	--neo-color-web-app-component-devicecard-type-indicator-forwarding: #d1e6d1;
	--neo-color-web-app-component-devicecard-type-indicator-function: #ffcaa9;
	--neo-color-web-app-component-eventlist-event-background: #e0e0e0;
	--neo-color-web-app-component-eventlist-event-surface: #fcfcfc;
	--neo-color-web-app-component-graphic-upload-overlay-default: #070707c4;
	--neo-color-web-app-component-listview-listcell-shadow: #00000014;
	--neo-color-web-app-component-mui-theme-primary: #121212;
	--neo-color-web-app-component-old-routing-connectors-add: #cecece;
	--neo-color-web-app-component-old-routing-connectors-endpoint: #aabcff;
	--neo-color-web-app-component-old-routing-connectors-forwarding: #a8c7a8;
	--neo-color-web-app-component-old-routing-connectors-function: #fca87e;
	--neo-color-web-app-component-old-routing-connectors-number: #c3afff;
	--neo-color-web-app-component-old-routing-connectors-unset: #cecece;
	--neo-color-web-app-component-pill-background-default: #deff00;
	--neo-color-web-app-component-pill-content-default: #39401e;
	--neo-color-web-app-component-sidebarhero-background: #ffffff;
	--neo-color-web-app-component-sidebarhero-headergraphic-circle: #ffffff;
	--neo-color-web-app-component-sidebarhero-logoupload-overlay: #ffffff;
	--neo-color-web-app-component-tablehead-sortarrow-content: #202020;
	--neo-color-web-app-component-user-dropdown-button-with-logo-background: #ffffff;
	--neo-color-web-app-surface-app: #f9f9f9;
	--neo-color-web-app-surface-header: #ffffff;
	--neo-color-web-app-surface-navigation: #ffffff;
	--neo-color-web-app-surface-sidebarhero: #efefef;
	--neo-color-web-app-surface-signup: #fcfcfc;
	--neo-color-web-app-surface-signup-aside: #f9f9f9;
	--neo-color-web-app-surface-test: #ff178f;

	/* ------------------------------------------------------------
	   PRIMITIVE PALETTES — use semantic tokens above whenever possible.
	   These remain available for data-viz and charts.
	   ------------------------------------------------------------ */


	/* neo-black-light */
	--neo-color-neo-black-light-1: #fcfcfc;
	--neo-color-neo-black-light-2: #f9f9f9;
	--neo-color-neo-black-light-3: #f0f0f0;
	--neo-color-neo-black-light-4: #e8e8e8;
	--neo-color-neo-black-light-5: #e1e1e1;
	--neo-color-neo-black-light-6: #d9d9d9;
	--neo-color-neo-black-light-7: #cecece;
	--neo-color-neo-black-light-8: #bbbbbb;
	--neo-color-neo-black-light-9: #121212;
	--neo-color-neo-black-light-10: #2b2b2b;
	--neo-color-neo-black-light-11: #636363;
	--neo-color-neo-black-light-12: #1f1f1f;

	/* green-light */
	--neo-color-green-light-1: #fafefc;
	--neo-color-green-light-2: #f3fcf7;
	--neo-color-green-light-3: #e1f8ec;
	--neo-color-green-light-4: #cef3e0;
	--neo-color-green-light-5: #b8ecd1;
	--neo-color-green-light-6: #9ce2bf;
	--neo-color-green-light-7: #73d4a7;
	--neo-color-green-light-8: #0fc085;
	--neo-color-green-light-9: #00bd82;
	--neo-color-green-light-10: #01ac76;
	--neo-color-green-light-11: #008353;
	--neo-color-green-light-12: #0b3e2a;

	/* cornflower-light */
	--neo-color-cornflower-light-1: #fdfdfe;
	--neo-color-cornflower-light-2: #f7f9ff;
	--neo-color-cornflower-light-3: #edf2ff;
	--neo-color-cornflower-light-4: #e1e9ff;
	--neo-color-cornflower-light-5: #d2deff;
	--neo-color-cornflower-light-6: #c0cfff;
	--neo-color-cornflower-light-7: #aabcff;
	--neo-color-cornflower-light-8: #8da2f7;
	--neo-color-cornflower-light-9: #315dff;
	--neo-color-cornflower-light-10: #274ff0;
	--neo-color-cornflower-light-11: #2b53e2;
	--neo-color-cornflower-light-12: #172b67;

	/* orange-light */
	--neo-color-orange-light-1: #fefdfb;
	--neo-color-orange-light-2: #fffae8;
	--neo-color-orange-light-3: #fff3d6;
	--neo-color-orange-light-4: #ffe9b8;
	--neo-color-orange-light-5: #ffde95;
	--neo-color-orange-light-6: #ffd070;
	--neo-color-orange-light-7: #eebf60;
	--neo-color-orange-light-8: #dca72b;
	--neo-color-orange-light-9: #ffbd00;
	--neo-color-orange-light-10: #f0b706;
	--neo-color-orange-light-11: #986f00;
	--neo-color-orange-light-12: #48391b;

	/* red-light */
	--neo-color-red-light-1: #fffcfc;
	--neo-color-red-light-2: #fff6f5;
	--neo-color-red-light-3: #ffebe9;
	--neo-color-red-light-4: #ffd9d6;
	--neo-color-red-light-5: #ffcac5;
	--neo-color-red-light-6: #ffbab4;
	--neo-color-red-light-7: #f9a7a1;
	--neo-color-red-light-8: #f08c87;
	--neo-color-red-light-9: #ff5e5e;
	--neo-color-red-light-10: #ed4d50;
	--neo-color-red-light-11: #d3333a;
	--neo-color-red-light-12: #602121;

	/* electric-lime-light */
	--neo-color-electric-lime-light-1: #fcfdf9;
	--neo-color-electric-lime-light-2: #f9fdec;
	--neo-color-electric-lime-light-3: #effdc1;
	--neo-color-electric-lime-light-4: #e5f8a1;
	--neo-color-electric-lime-light-5: #d9f083;
	--neo-color-electric-lime-light-6: #cbe176;
	--neo-color-electric-lime-light-7: #bcd06d;
	--neo-color-electric-lime-light-8: #a5bb42;
	--neo-color-electric-lime-light-9: #deff00;
	--neo-color-electric-lime-light-10: #d5f505;
	--neo-color-electric-lime-light-11: #6e8000;
	--neo-color-electric-lime-light-12: #39401e;

	/* gray-light */
	--neo-color-gray-light-1: #fcfcfc;
	--neo-color-gray-light-2: #f9f9f9;
	--neo-color-gray-light-3: #efefef;
	--neo-color-gray-light-4: #e8e8e8;
	--neo-color-gray-light-5: #e0e0e0;
	--neo-color-gray-light-6: #d8d8d8;
	--neo-color-gray-light-7: #cecece;
	--neo-color-gray-light-8: #bbbbbb;
	--neo-color-gray-light-9: #8d8d8d;
	--neo-color-gray-light-10: #838383;
	--neo-color-gray-light-11: #646464;
	--neo-color-gray-light-12: #202020;

	/* lavender-light */
	--neo-color-lavender-light-1: #fcfcff;
	--neo-color-lavender-light-2: #f9f8ff;
	--neo-color-lavender-light-3: #f3efff;
	--neo-color-lavender-light-4: #eae3ff;
	--neo-color-lavender-light-5: #e0d6ff;
	--neo-color-lavender-light-6: #d4c6ff;
	--neo-color-lavender-light-7: #c3afff;
	--neo-color-lavender-light-8: #ad90ff;
	--neo-color-lavender-light-9: #8642fe;
	--neo-color-lavender-light-10: #7933ec;
	--neo-color-lavender-light-11: #7235dc;
	--neo-color-lavender-light-12: #381672;

	/* clementine-light */
	--neo-color-clementine-light-1: #fefcfb;
	--neo-color-clementine-light-2: #fff5ef;
	--neo-color-clementine-light-3: #ffeadc;
	--neo-color-clementine-light-4: #ffd8be;
	--neo-color-clementine-light-5: #ffcaa9;
	--neo-color-clementine-light-6: #ffba91;
	--neo-color-clementine-light-7: #fca87e;
	--neo-color-clementine-light-8: #f1905e;
	--neo-color-clementine-light-9: #ff7200;
	--neo-color-clementine-light-10: #f36400;
	--neo-color-clementine-light-11: #d14d00;
	--neo-color-clementine-light-12: #582e17;

	/* mint-light */
	--neo-color-mint-light-1: #fcfefc;
	--neo-color-mint-light-2: #f6faf6;
	--neo-color-mint-light-3: #ebf5eb;
	--neo-color-mint-light-4: #dfeedf;
	--neo-color-mint-light-5: #d1e6d1;
	--neo-color-mint-light-6: #bdd9be;
	--neo-color-mint-light-7: #a8c7a8;
	--neo-color-mint-light-8: #8ead8f;
	--neo-color-mint-light-9: #006660;
	--neo-color-mint-light-10: #005650;
	--neo-color-mint-light-11: #1d756e;
	--neo-color-mint-light-12: #163d39;
}

/* Useful utility styles the pandaUI design system relies on */

html { font-family: var(--neo-font-sans); color: var(--neo-color-global-content-neutral-intense); }

.neo-tabular-numbers { font-variant-numeric: lining-nums tabular-nums; font-feature-settings: 'case' on; }
.neo-credentials     { font-family: var(--neo-font-mono); letter-spacing: 0.025em; }
.neo-focus-ring:focus-visible { outline: 0; box-shadow: var(--neo-focus-ring); }

::selection { background: var(--neo-color-global-background-primary-intense-default); color: var(--neo-color-global-content-primary-on-intense); }