/**
 * @insites/tokens v0.6.0
 *
 * Generated by scripts/build.mjs from tokens.json — DO NOT EDIT BY HAND.
 *
 * Dark mode mechanism: CSS `color-scheme` + `light-dark()` (CSS Color 5).
 * Consumers respect OS preference by default. To force a mode, set
 * `<html data-color-scheme="light">` or `<html data-color-scheme="dark">`.
 *
 * Fonts: DM Sans (UI) and Poppins (display) are loaded via Google Fonts so
 * `var(--ins-font-family)` and `var(--ins-font-display)` resolve to
 * actually-loaded webfonts. Importing `@insites/tokens/css` is sufficient;
 * consumers do not need separate `<link>` tags.
 */
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:opsz,wght@9..40,400;9..40,500;9..40,600&family=Poppins:wght@300;400;600;700&display=swap');

:root {
  color-scheme: light dark;

  /* --- Raw tier (--iia-*) ----------------------------------------- */
  --iia-text-primary: #11182A;
  --iia-text-secondary: #354155;
  --iia-text-tertiary: #647088;
  --iia-text-subtle: #79839A;
  --iia-text-button-label: #FFFFFF;
  --iia-text-on-chrome: #FFFFFF;
  --iia-neutral-white: #FFFFFF;
  --iia-neutral-medium: #747480;
  --iia-brand: #3044FF;
  --iia-brand-subtle: #EEF0FF;
  --iia-brand-border: #D6DBFF;
  --iia-brand-emphasis: #2233E6;
  --iia-brand-active: #1A27C2;
  --iia-brand-focus: #3044FF;
  --iia-brand-bright: #6D80FF;
  --iia-surface-base: #F5F7FB;
  --iia-surface-subtle: #FAFBFD;
  --iia-surface-deep: #DFE4EE;
  --iia-surface-raised: #FFFFFF;
  --iia-surface-muted: #F5F7FB;
  --iia-surface-hover: #FAFBFD;
  --iia-surface-header: #FFFFFF;
  --iia-surface-sidebar: #0F0F0F;
  --iia-surface-sidebar-hover: #242424;
  --iia-surface-chrome: #0F0F0F;
  --iia-border-subtle: #E7EBF2;
  --iia-border-divider: #D6DCE6;
  --iia-border-default: #828EA3;
  --iia-border-strong: #647088;
  --iia-success: #00C853;
  --iia-success-subtle: #DFF7E7;
  --iia-success-border: #A8DDC2;
  --iia-success-emphasis: #00AC47;
  --iia-danger: #DC2626;
  --iia-danger-subtle: #FDE3E3;
  --iia-danger-border: #F0B4AD;
  --iia-danger-emphasis: #BD2121;
  --iia-warning: #FFD60A;
  --iia-warning-subtle: #FFF7D1;
  --iia-warning-border: #ECD98F;
  --iia-warning-emphasis: #DBB809;
  --iia-info: #38BDF8;
  --iia-info-subtle: #DFF2FE;
  --iia-info-border: #B9E4FB;
  --iia-info-emphasis: #30A3D5;
  --iia-danger-fg: #B91C1C;
  --iia-success-fg: #0A6B36;
  --iia-warning-fg: #7A5800;
  --iia-info-fg: #0369A1;
  --iia-brand-fg: #2233E6;
  --iia-tag-feature: #2A8A5C;
  --iia-tag-feature-subtle: rgba(42, 138, 92, 0.10);
  --iia-tag-feature-border: rgba(42, 138, 92, 0.22);
  --iia-tag-deprecation: #B86E2A;
  --iia-tag-deprecation-subtle: rgba(184, 110, 42, 0.10);
  --iia-tag-deprecation-border: rgba(184, 110, 42, 0.22);
  --iia-tag-security: #6D4ED6;
  --iia-tag-security-subtle: rgba(109, 78, 214, 0.10);
  --iia-tag-security-border: rgba(109, 78, 214, 0.24);
  --iia-tag-breaking: #C24A3D;
  --iia-tag-breaking-subtle: rgba(194, 74, 61, 0.10);
  --iia-tag-breaking-border: rgba(194, 74, 61, 0.22);
  --iia-env-staging: #0095FF;
  --iia-env-staging-subtle: #E5F3FF;
  --iia-env-staging-border: #A6D8FF;
  --iia-env-staging-fg: #0077CC;
  --iia-env-production: #0BB780;
  --iia-env-production-subtle: #E0F6EE;
  --iia-env-production-border: #A2E3CD;
  --iia-env-production-fg: #0A8A5E;
  --iia-skeleton-base: #DFE4EE;
  --iia-skeleton-highlight: #FAFBFD;
  --iia-shadow-color: rgba(20, 28, 50, 0.04);
  --iia-teal: #0B9499;
  --iia-teal-subtle: #E0F4F4;
  --iia-teal-emphasis: #097D81;
  --iia-purple: #5213C9;
  --iia-purple-subtle: #EDE8F9;
  --iia-purple-emphasis: #360C83;
  --iia-text-dm-primary: #FAF7F2;
  --iia-text-dm-secondary: #C9C0B5;
  --iia-text-dm-tertiary: #9C9489;
  --iia-text-dm-subtle: #756D62;
  --iia-text-dm-button-label: #FFFFFF;
  --iia-brand-dm-subtle: #1A1F3D;
  --iia-brand-dm-border: #2A3050;
  --iia-brand-dm-focus: #6E7BFF;
  --iia-neutral-dm-medium: #868686;
  --iia-surface-dm-base: #141210;
  --iia-surface-dm-subtle: #1A1714;
  --iia-surface-dm-deep: #252220;
  --iia-surface-dm-raised: #1F1C18;
  --iia-surface-dm-muted: #141210;
  --iia-surface-dm-hover: #252220;
  --iia-surface-dm-header: #1F1C18;
  --iia-surface-dm-sidebar: #141414;
  --iia-surface-dm-chrome: #0F0F0F;
  --iia-border-dm-subtle: #2A2620;
  --iia-border-dm-divider: #2A2620;
  --iia-border-dm-default: #746A60;
  --iia-border-dm-strong: #5A5248;
  --iia-success-dm: #00C853;
  --iia-success-dm-subtle: #143D26;
  --iia-success-dm-emphasis: #00AC47;
  --iia-danger-dm: #DC2626;
  --iia-danger-dm-subtle: #421A1A;
  --iia-danger-dm-emphasis: #BD2121;
  --iia-warning-dm: #FFD60A;
  --iia-warning-dm-subtle: #3D3511;
  --iia-warning-dm-emphasis: #DBB809;
  --iia-info-dm: #38BDF8;
  --iia-info-dm-subtle: #0C2D42;
  --iia-info-dm-emphasis: #30A3D5;
  --iia-danger-dm-fg: #FCA5A5;
  --iia-success-dm-fg: #86EFAC;
  --iia-warning-dm-fg: #FCD34D;
  --iia-info-dm-fg: #93C5FD;
  --iia-brand-dm-fg: #93B4FF;
  --iia-tag-dm-feature-subtle: rgba(74, 173, 120, 0.15);
  --iia-tag-dm-feature-border: rgba(74, 173, 120, 0.30);
  --iia-tag-dm-deprecation-subtle: rgba(217, 153, 29, 0.15);
  --iia-tag-dm-deprecation-border: rgba(217, 153, 29, 0.30);
  --iia-tag-dm-security-subtle: rgba(109, 78, 214, 0.15);
  --iia-tag-dm-security-border: rgba(109, 78, 214, 0.30);
  --iia-tag-dm-breaking-subtle: rgba(224, 107, 94, 0.15);
  --iia-tag-dm-breaking-border: rgba(224, 107, 94, 0.30);
  --iia-env-dm-staging: #338CCC;
  --iia-env-dm-production: #309172;
  --iia-skeleton-dm-base: #252220;
  --iia-skeleton-dm-highlight: #3D3833;
  --iia-shadow-dm-color: rgba(250, 247, 242, 0.06);
  --iia-teal-dm: #7EEEF1;
  --iia-teal-dm-subtle: #1A3334;
  --iia-teal-dm-emphasis: #22E2E7;
  --iia-purple-dm: #D2BAFF;
  --iia-purple-dm-subtle: #2A2040;
  --iia-purple-dm-emphasis: #AF85FF;
  --ins-font-family: 'DM Sans', system-ui, -apple-system, sans-serif;
  --ins-font-display: 'Poppins', system-ui, -apple-system, sans-serif;
  --ins-font-mono: ui-monospace, 'SF Mono', Menlo, Consolas, monospace;
  --ins-font-icon: insites-20-fonticon;
  --ins-radius: 4px;
  --ins-radius-input: 6px;
  --ins-radius-button: 8px;
  --ins-radius-menu: 10px;
  --ins-radius-card: 12px;
  --ins-radius-xl: 16px;
  --ins-radius-pill: 999px;
  --ins-control-h: 2.5rem;
  --ins-control-h-xs: 1.375rem;
  --ins-control-h-sm: 2rem;
  --ins-control-h-lg: 3rem;
  --ins-typo-console-size-xs: 0.75rem;
  --ins-typo-console-size-sm: 0.875rem;
  --ins-typo-console-size-md: 1rem;
  --ins-typo-console-size-lg: 1.125rem;
  --ins-typo-console-size-xl: 1.25rem;
  --ins-typo-console-size-2xl: 1.5rem;
  --ins-typo-console-size-3xl: 2rem;
  --ins-typo-console-size-display-xl: 3.25rem;
  --ins-typo-console-size-display-lg: 2.5rem;
  --ins-typo-console-size-hero: 2.25rem;
  --ins-typo-console-size-display-md: 2rem;
  --ins-typo-console-size-heading-xl: 1.625rem;
  --ins-typo-console-size-heading-lg: 1.375rem;
  --ins-typo-console-size-heading-md: 1.125rem;
  --ins-typo-console-size-heading-sm: 0.9375rem;
  --ins-typo-console-size-body-lg: 1rem;
  --ins-typo-console-size-body-md: 0.875rem;
  --ins-typo-console-size-body-sm: 0.8125rem;
  --ins-typo-console-size-label: 0.75rem;
  --ins-typo-console-size-caption: 0.6875rem;
  --ins-typo-console-size-page-title: 1.875rem;
  --ins-typo-console-weight-light: 300;
  --ins-typo-console-weight-regular: 400;
  --ins-typo-console-weight-medium: 500;
  --ins-typo-console-weight-semibold: 600;
  --ins-typo-console-weight-bold: 700;
  --ins-typo-console-line-height-tight: 1.2;
  --ins-typo-console-line-height-normal: 1.5;
  --ins-typo-console-line-height-relaxed: 1.7;
  --ins-typo-console-line-height-display-xl: 1.05;
  --ins-typo-console-line-height-display-lg: 1.08;
  --ins-typo-console-line-height-display-md: 1.15;
  --ins-typo-console-line-height-hero: 1.1;
  --ins-typo-console-line-height-heading-xl: 1.15;
  --ins-typo-console-line-height-heading-lg: 1.3;
  --ins-typo-console-line-height-heading-md: 1.35;
  --ins-typo-console-line-height-heading-sm: 1.4;
  --ins-typo-console-line-height-body-lg: 1.55;
  --ins-typo-console-line-height-body-md: 1.5;
  --ins-typo-console-line-height-body-sm: 1.45;
  --ins-typo-console-line-height-label: 1.45;
  --ins-typo-console-line-height-caption: 1.4;
  --ins-typo-console-line-height-page-title: 1.15;
  --ins-typo-console-letter-spacing-tight: -0.01em;
  --ins-typo-console-letter-spacing-normal: 0em;
  --ins-typo-console-letter-spacing-wide: 0.04em;
  --ins-typo-console-letter-spacing-display-xl: -0.02em;
  --ins-typo-console-letter-spacing-display-lg: -0.02em;
  --ins-typo-console-letter-spacing-display-md: -0.015em;
  --ins-typo-console-letter-spacing-hero: -0.025em;
  --ins-typo-console-letter-spacing-page-title: -0.02em;
  --ins-typo-console-letter-spacing-heading-xl: -0.02em;
  --ins-typo-console-letter-spacing-heading-lg: -0.01em;
  --ins-typo-console-letter-spacing-heading-md: -0.005em;
  --ins-typo-console-letter-spacing-caption: 0.04em;
  --ins-typo-iia-size-xs: 12px;
  --ins-typo-iia-size-sm: 14px;
  --ins-typo-iia-size-md: 16px;
  --ins-typo-iia-size-lg: 18px;
  --ins-typo-iia-size-xl: 20px;
  --ins-typo-iia-size-2xl: 24px;
  --ins-typo-iia-size-3xl: 32px;
  --ins-typo-iia-weight-light: 300;
  --ins-typo-iia-weight-regular: 400;
  --ins-typo-iia-weight-medium: 500;
  --ins-typo-iia-weight-semibold: 600;
  --ins-typo-iia-weight-bold: 700;
  --ins-typo-iia-line-height-tight: 1.2;
  --ins-typo-iia-line-height-normal: 1.6;
  --ins-typo-iia-line-height-relaxed: 1.7;
  --ins-space-12: 0.75rem;
  --ins-space-20: 1.25rem;
  --ins-space-40: 2.5rem;
  --ins-space-2xs: 0.125rem;
  --ins-space-xs: 0.25rem;
  --ins-space-sm: 0.5rem;
  --ins-space-md: 1rem;
  --ins-space-lg: 1.5rem;
  --ins-space-xl: 2rem;
  --ins-space-2xl: 3rem;
  --ins-space-3xl: 4rem;
  --ins-space-4xl: 5rem;
  --ins-space-5xl: 6rem;
  --ins-z-base: 0;
  --ins-z-dropdown: 100;
  --ins-z-sticky: 200;
  --ins-z-overlay: 300;
  --ins-z-modal: 400;
  --ins-z-popover: 500;
  --ins-z-tooltip: 600;
  --ins-z-notification: 700;
  --ins-duration-instant: 100ms;
  --ins-duration-fast: 150ms;
  --ins-duration-normal: 200ms;
  --ins-duration-slow: 300ms;
  --ins-duration-slower: 500ms;
  --ins-easing-linear: linear;
  --ins-easing-in: cubic-bezier(0.4, 0, 1, 1);
  --ins-easing-out: cubic-bezier(0.16, 1, 0.3, 1);
  --ins-easing-in-out: cubic-bezier(0.4, 0, 0.2, 1);
  --ins-elevation-none: none;
  --ins-elevation-xs: 0 1px 2px light-dark(rgba(20, 28, 50, 0.04), rgba(0, 0, 0, 0.30));
  --ins-elevation-sm: 0 1px 2px light-dark(rgba(20, 28, 50, 0.04), rgba(0, 0, 0, 0.30));
  --ins-elevation-md: 0 2px 4px light-dark(rgba(20, 28, 50, 0.05), rgba(0, 0, 0, 0.36)), 0 1px 2px light-dark(rgba(20, 28, 50, 0.04), rgba(0, 0, 0, 0.28));
  --ins-elevation-lg: 0 4px 10px light-dark(rgba(20, 28, 50, 0.06), rgba(0, 0, 0, 0.44)), 0 2px 4px light-dark(rgba(20, 28, 50, 0.04), rgba(0, 0, 0, 0.32));
  --ins-elevation-xl: 0 16px 32px light-dark(rgba(20, 28, 50, 0.08), rgba(0, 0, 0, 0.50)), 0 4px 12px light-dark(rgba(20, 28, 50, 0.06), rgba(0, 0, 0, 0.40));
  --ins-elevation-2xl: 0 24px 48px light-dark(rgba(20, 28, 50, 0.10), rgba(0, 0, 0, 0.55)), 0 8px 16px light-dark(rgba(20, 28, 50, 0.06), rgba(0, 0, 0, 0.44));
  --ins-elevation-focus: 0 0 0 4px light-dark(rgba(48, 68, 255, 0.18), rgba(110, 123, 255, 0.24));
  --ins-focus-ring-color: light-dark(var(--iia-brand-focus), var(--iia-brand-dm-focus));
  --ins-focus-ring-width: 2px;
  --ins-focus-ring-offset: 2px;
  --ins-focus-ring-style: solid;
  --ins-focus-ring-halo: 0 0 0 4px light-dark(rgba(48, 68, 255, 0.18), rgba(110, 123, 255, 0.24));
  --ins-chart-1: #FF3B30;
  --ins-chart-2: #FF9500;
  --ins-chart-3: #FFCC00;
  --ins-chart-4: #34C759;
  --ins-chart-5: #FF6B35;
  --ins-chart-6: #5856D6;
  --ins-chart-7: #AF52DE;
  --ins-chart-8: #00C7BE;
  --ins-chart-9: #007AFF;
  --ins-chart-10: #30B0C7;
  --ins-chart-11: #5AC8FA;
  --ins-chart-12: #8E8E93;
  --ins-chart-other: #C7C7CC;
  --ins-chart-dashboard-1: #3044FF;
  --ins-chart-dashboard-2: #2A8A5C;
  --ins-chart-dashboard-3: #B86E2A;
  --ins-chart-dashboard-4: #6D4ED6;
  --ins-overlay: rgba(17, 24, 42, 0.38);
  --ins-disabled-opacity: 0.5;

  /* --- Semantic tier (--ins-*) ------------------------------------ */
  --ins-text-primary: light-dark(var(--iia-text-primary), var(--iia-text-dm-primary));
  --ins-text-secondary: light-dark(var(--iia-text-secondary), var(--iia-text-dm-secondary));
  --ins-text-tertiary: light-dark(var(--iia-text-tertiary), var(--iia-text-dm-tertiary));
  --ins-text-subtle: light-dark(var(--iia-text-subtle), var(--iia-text-dm-subtle));
  --ins-text-button-label: light-dark(var(--iia-text-button-label), var(--iia-text-dm-button-label));
  --ins-text-inverse: var(--iia-neutral-white);
  --ins-text-on-chrome: var(--iia-text-on-chrome);
  --ins-text-on-sidebar: var(--iia-text-on-chrome);
  --ins-text-on-header: light-dark(var(--iia-text-primary), var(--iia-text-dm-primary));
  --ins-neutral-medium: light-dark(var(--iia-neutral-medium), var(--iia-neutral-dm-medium));
  --ins-brand: var(--iia-brand);
  --ins-brand-subtle: light-dark(var(--iia-brand-subtle), var(--iia-brand-dm-subtle));
  --ins-brand-border: light-dark(var(--iia-brand-border), var(--iia-brand-dm-border));
  --ins-brand-emphasis: var(--iia-brand-emphasis);
  --ins-brand-active: var(--iia-brand-active);
  --ins-brand-bright: var(--iia-brand-bright);
  --ins-avatar-gradient: linear-gradient(135deg, var(--ins-brand), var(--ins-brand-bright));
  --ins-surface-base: light-dark(var(--iia-surface-base), var(--iia-surface-dm-base));
  --ins-surface-subtle: light-dark(var(--iia-surface-subtle), var(--iia-surface-dm-subtle));
  --ins-surface-deep: light-dark(var(--iia-surface-deep), var(--iia-surface-dm-deep));
  --ins-surface-raised: light-dark(var(--iia-surface-raised), var(--iia-surface-dm-raised));
  --ins-surface-muted: light-dark(var(--iia-surface-muted), var(--iia-surface-dm-muted));
  --ins-surface-hover: light-dark(var(--iia-surface-hover), var(--iia-surface-dm-hover));
  --ins-surface-header: light-dark(var(--iia-surface-header), var(--iia-surface-dm-header));
  --ins-surface-sidebar: light-dark(var(--iia-surface-sidebar), var(--iia-surface-dm-sidebar));
  --ins-surface-sidebar-hover: var(--iia-surface-sidebar-hover);
  --ins-surface-chrome: light-dark(var(--iia-surface-chrome), var(--iia-surface-dm-chrome));
  --ins-border-subtle: light-dark(var(--iia-border-subtle), var(--iia-border-dm-subtle));
  --ins-border-divider: light-dark(var(--iia-border-divider), var(--iia-border-dm-divider));
  --ins-border-default: light-dark(var(--iia-border-default), var(--iia-border-dm-default));
  --ins-border-strong: light-dark(var(--iia-border-strong), var(--iia-border-dm-strong));
  --ins-success: light-dark(var(--iia-success), var(--iia-success-dm));
  --ins-success-subtle: light-dark(var(--iia-success-subtle), var(--iia-success-dm-subtle));
  --ins-success-border: var(--iia-success-border);
  --ins-success-emphasis: light-dark(var(--iia-success-emphasis), var(--iia-success-dm-emphasis));
  --ins-danger: light-dark(var(--iia-danger), var(--iia-danger-dm));
  --ins-danger-subtle: light-dark(var(--iia-danger-subtle), var(--iia-danger-dm-subtle));
  --ins-danger-border: var(--iia-danger-border);
  --ins-danger-emphasis: light-dark(var(--iia-danger-emphasis), var(--iia-danger-dm-emphasis));
  --ins-warning: light-dark(var(--iia-warning), var(--iia-warning-dm));
  --ins-warning-subtle: light-dark(var(--iia-warning-subtle), var(--iia-warning-dm-subtle));
  --ins-warning-border: var(--iia-warning-border);
  --ins-warning-emphasis: light-dark(var(--iia-warning-emphasis), var(--iia-warning-dm-emphasis));
  --ins-info: light-dark(var(--iia-info), var(--iia-info-dm));
  --ins-info-subtle: light-dark(var(--iia-info-subtle), var(--iia-info-dm-subtle));
  --ins-info-border: var(--iia-info-border);
  --ins-info-emphasis: light-dark(var(--iia-info-emphasis), var(--iia-info-dm-emphasis));
  --ins-danger-fg: light-dark(var(--iia-danger-fg), var(--iia-danger-dm-fg));
  --ins-success-fg: light-dark(var(--iia-success-fg), var(--iia-success-dm-fg));
  --ins-warning-fg: light-dark(var(--iia-warning-fg), var(--iia-warning-dm-fg));
  --ins-info-fg: light-dark(var(--iia-info-fg), var(--iia-info-dm-fg));
  --ins-brand-fg: light-dark(var(--iia-brand-fg), var(--iia-brand-dm-fg));
  --ins-tag-feature: var(--iia-tag-feature);
  --ins-tag-feature-subtle: light-dark(var(--iia-tag-feature-subtle), var(--iia-tag-dm-feature-subtle));
  --ins-tag-feature-border: light-dark(var(--iia-tag-feature-border), var(--iia-tag-dm-feature-border));
  --ins-tag-deprecation: var(--iia-tag-deprecation);
  --ins-tag-deprecation-subtle: light-dark(var(--iia-tag-deprecation-subtle), var(--iia-tag-dm-deprecation-subtle));
  --ins-tag-deprecation-border: light-dark(var(--iia-tag-deprecation-border), var(--iia-tag-dm-deprecation-border));
  --ins-tag-security: var(--iia-tag-security);
  --ins-tag-security-subtle: light-dark(var(--iia-tag-security-subtle), var(--iia-tag-dm-security-subtle));
  --ins-tag-security-border: light-dark(var(--iia-tag-security-border), var(--iia-tag-dm-security-border));
  --ins-tag-breaking: var(--iia-tag-breaking);
  --ins-tag-breaking-subtle: light-dark(var(--iia-tag-breaking-subtle), var(--iia-tag-dm-breaking-subtle));
  --ins-tag-breaking-border: light-dark(var(--iia-tag-breaking-border), var(--iia-tag-dm-breaking-border));
  --ins-env-staging: light-dark(var(--iia-env-staging), var(--iia-env-dm-staging));
  --ins-env-staging-subtle: var(--iia-env-staging-subtle);
  --ins-env-staging-border: var(--iia-env-staging-border);
  --ins-env-staging-fg: var(--iia-env-staging-fg);
  --ins-env-production: light-dark(var(--iia-env-production), var(--iia-env-dm-production));
  --ins-env-production-subtle: var(--iia-env-production-subtle);
  --ins-env-production-border: var(--iia-env-production-border);
  --ins-env-production-fg: var(--iia-env-production-fg);
  --ins-skeleton-base: light-dark(var(--iia-skeleton-base), var(--iia-skeleton-dm-base));
  --ins-skeleton-highlight: light-dark(var(--iia-skeleton-highlight), var(--iia-skeleton-dm-highlight));
  --ins-shadow-color: light-dark(var(--iia-shadow-color), var(--iia-shadow-dm-color));
}

[data-color-scheme="light"] { color-scheme: light; }
[data-color-scheme="dark"]  { color-scheme: dark; }