/* Orbex Sonar-DB Design System · tokens · generated by packages/tokens/scripts/build.ts, do not edit */
@layer sonar.tokens {
  :root {
    --sonar-palette-white: #FFFFFF;
    --sonar-palette-black: #000000;
    --sonar-palette-gray-91: #E5E5E5;
    --sonar-palette-gray-94: #EEEEEE;
    --sonar-palette-gray-96: #F3F3F3;
    --sonar-palette-gray-97: #F6F6F6;
    --sonar-palette-gray-99: #FCFCFC;
    --sonar-palette-neutral-5: #0B130B;
    --sonar-palette-neutral-6: #0E150E;
    --sonar-palette-neutral-10: #171D17;
    --sonar-palette-neutral-12: #1B211B;
    --sonar-palette-neutral-14: #1F251E;
    --sonar-palette-neutral-16: #232A22;
    --sonar-palette-neutral-18: #272E26;
    --sonar-palette-neutral-21: #2D352C;
    --sonar-palette-neutral-22: #2F372E;
    --sonar-palette-neutral-24: #333B32;
    --sonar-palette-neutral-27: #3A4239;
    --sonar-palette-neutral-28: #3C443B;
    --sonar-palette-neutral-31: #424B42;
    --sonar-palette-neutral-33: #475046;
    --sonar-palette-neutral-34: #495348;
    --sonar-palette-neutral-43: #5E685D;
    --sonar-palette-neutral-46: #667064;
    --sonar-palette-neutral-47: #687266;
    --sonar-palette-neutral-48: #6B7569;
    --sonar-palette-neutral-57: #828C7F;
    --sonar-palette-neutral-59: #879184;
    --sonar-palette-neutral-60: #899487;
    --sonar-palette-neutral-65: #97A194;
    --sonar-palette-neutral-67: #9CA699;
    --sonar-palette-neutral-72: #AAB3A7;
    --sonar-palette-neutral-74: #AFB9AC;
    --sonar-palette-neutral-76: #B5BEB2;
    --sonar-palette-neutral-78: #BAC4B7;
    --sonar-palette-neutral-80: #C0C9BD;
    --sonar-palette-neutral-84: #CBD4C8;
    --sonar-palette-neutral-85: #CED7CB;
    --sonar-palette-neutral-88: #D7DFD4;
    --sonar-palette-neutral-90: #DDE5D9;
    --sonar-palette-neutral-91: #E0E8DC;
    --sonar-palette-neutral-92: #E3EADF;
    --sonar-palette-neutral-93: #E5EDE2;
    --sonar-palette-neutral-95: #EBF3E8;
    --sonar-palette-neutral-96: #EEF6EB;
    --sonar-palette-neutral-tinted-19: #263126;
    --sonar-palette-neutral-tinted-23: #2F3A2E;
    --sonar-palette-neutral-tinted-27: #374336;
    --sonar-palette-neutral-tinted-36: #4C584A;
    --sonar-palette-neutral-tinted-41: #576456;
    --sonar-palette-neutral-subdued-2: #040904;
    --sonar-palette-neutral-subdued-20: #2E312D;
    --sonar-palette-neutral-subdued-96: #F1F5EF;
    --sonar-palette-green-11: #0F2112;
    --sonar-palette-green-20: #00390F;
    --sonar-palette-green-29: #2F4B31;
    --sonar-palette-green-37: #33603B;
    --sonar-palette-green-40: #1E6B30;
    --sonar-palette-green-46: #047E2F;
    --sonar-palette-green-50: #1A8838;
    --sonar-palette-green-67: #76B27C;
    --sonar-palette-green-81: #97D99C;
    --sonar-palette-green-89: #CFE6CF;
    --sonar-palette-green-90: #D0E8CE;
    --sonar-palette-green-91: #CDEFD0;
    --sonar-palette-red-46: #D1282D;
    --sonar-palette-red-50: #DD3535;
    --sonar-palette-red-56: #F04B4B;
    --sonar-palette-red-64: #F97068;
    --sonar-palette-orange-46: #A15C00;
    --sonar-palette-orange-66: #DD8E35;
    --sonar-palette-orange-73: #F2A23F;
    --sonar-palette-orange-77: #FFAC32;
    --sonar-palette-orange-78: #FFB040;
    --sonar-palette-neutral-dark-2: #050705;
    --sonar-palette-neutral-dark-6: #0F150F;
    --sonar-palette-neutral-dark-12: #1B221B;
    --sonar-palette-neutral-dark-14: #1F251F;
    --sonar-palette-neutral-dark-15: #212921;
    --sonar-palette-neutral-dark-16: #222B22;
    --sonar-palette-neutral-dark-17: #252C25;
    --sonar-palette-neutral-dark-21: #2C342B;
    --sonar-palette-neutral-dark-22: #2E362E;
    --sonar-palette-neutral-dark-23: #2E392E;
    --sonar-palette-neutral-dark-27: #3A433A;
    --sonar-palette-neutral-dark-48: #6C766A;
    --sonar-palette-neutral-dark-59: #889285;
    --sonar-palette-neutral-dark-67: #9CA699;
    --sonar-palette-neutral-dark-80: #C0C8BC;
    --sonar-palette-neutral-dark-88: #D5DFD2;
    --sonar-palette-neutral-dark-90: #DCE5D9;
    --sonar-palette-neutral-light-7: #141618;
    --sonar-palette-neutral-light-28: #3D453B;
    --sonar-palette-neutral-light-30: #424A40;
    --sonar-palette-neutral-light-76: #B4BEB1;
    --sonar-palette-neutral-light-91: #E0E9DD;
    --sonar-palette-neutral-light-96: #F1F4F0;
    --sonar-palette-blue-36: #2E5B70;
    --sonar-palette-blue-89: #D1E2E8;
    --sonar-font-family-sans: "IBM Plex Sans", "IBM Plex Sans Fallback", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
    --sonar-font-family-condensed: "IBM Plex Sans Condensed", "IBM Plex Sans", "Arial Narrow", sans-serif;
    --sonar-font-family-mono: "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
    --sonar-font-weight-regular: 400;
    --sonar-font-weight-medium: 500;
    --sonar-font-weight-semibold: 600;
    --sonar-type-headline-sm: var(--sonar-font-weight-semibold) 26px/1.1 var(--sonar-font-family-sans);
    --sonar-type-headline-sm-tracking: -0.26px;
    --sonar-type-title-lg: var(--sonar-font-weight-semibold) 18px/1.2 var(--sonar-font-family-sans);
    --sonar-type-title-lg-tracking: -0.27px;
    --sonar-type-title-md: var(--sonar-font-weight-semibold) 14px/1.4 var(--sonar-font-family-sans);
    --sonar-type-title-md-tracking: -0.21px;
    --sonar-type-title-sm: var(--sonar-font-weight-semibold) 12px/1.2 var(--sonar-font-family-sans);
    --sonar-type-title-sm-tracking: 0;
    --sonar-type-body-lg: var(--sonar-font-weight-regular) 14px/1.45 var(--sonar-font-family-sans);
    --sonar-type-body-lg-tracking: 0;
    --sonar-type-body-md: var(--sonar-font-weight-regular) 12px/1.33 var(--sonar-font-family-sans);
    --sonar-type-body-md-tracking: 0;
    --sonar-type-label-lg: var(--sonar-font-weight-medium) 14px/1.2 var(--sonar-font-family-sans);
    --sonar-type-label-lg-tracking: 0;
    --sonar-type-label-md: var(--sonar-font-weight-medium) 12px/1.2 var(--sonar-font-family-sans);
    --sonar-type-label-md-tracking: -0.18px;
    --sonar-type-label-md-condensed: var(--sonar-font-weight-regular) 12px/1.2 var(--sonar-font-family-condensed);
    --sonar-type-label-md-condensed-tracking: 0;
    --sonar-type-label-sm: var(--sonar-font-weight-medium) 11px/1.2 var(--sonar-font-family-sans);
    --sonar-type-label-sm-tracking: -0.17px;
    --sonar-type-button: var(--sonar-font-weight-semibold) 13px/1.2 var(--sonar-font-family-sans);
    --sonar-type-button-tracking: -0.13px;
    --sonar-type-caption: var(--sonar-font-weight-regular) 10px/1.2 var(--sonar-font-family-sans);
    --sonar-type-caption-tracking: 0;
    --sonar-type-overline: var(--sonar-font-weight-medium) 12px/1.2 var(--sonar-font-family-mono);
    --sonar-type-overline-tracking: 0;
    --sonar-type-data: var(--sonar-font-weight-regular) 10px/1.2 var(--sonar-font-family-mono);
    --sonar-type-data-tracking: -0.3px;
    --sonar-shape-corner-none: 0;
    --sonar-shape-corner-extra-small: 4px;
    --sonar-shape-corner-small: 8px;
    --sonar-shape-corner-medium: 12px;
    --sonar-shape-corner-large: 16px;
    --sonar-shape-corner-large-increased: 20px;
    --sonar-shape-corner-extra-large: 28px;
    --sonar-shape-corner-full: 9999px;
    --sonar-space-0: 0;
    --sonar-space-2: 2px;
    --sonar-space-4: 4px;
    --sonar-space-6: 6px;
    --sonar-space-8: 8px;
    --sonar-space-10: 10px;
    --sonar-space-12: 12px;
    --sonar-space-14: 14px;
    --sonar-space-16: 16px;
    --sonar-space-20: 20px;
    --sonar-space-24: 24px;
    --sonar-space-28: 28px;
    --sonar-space-32: 32px;
    --sonar-space-40: 40px;
    --sonar-space-48: 48px;
    --sonar-size-control-small: 28px;
    --sonar-size-control-medium: 36px;
    --sonar-size-icon-small: 16px;
    --sonar-size-icon-medium: 20px;
    --sonar-focus-width: 2px;
    --sonar-focus-offset: 2px;
    --sonar-motion-spatial-fast-duration: 200ms;
    --sonar-motion-spatial-fast-easing: linear(0, 0.0138, 0.0493, 0.0991, 0.1576, 0.2207, 0.2855, 0.3496, 0.4117, 0.4707, 0.526, 0.5773, 0.6243, 0.6672, 0.7061, 0.7411, 0.7724, 0.8004, 0.8253, 0.8473, 0.8668, 0.884, 0.8991, 0.9123, 0.9239, 0.9341, 0.9429, 0.9507, 0.9574, 0.9632, 0.9683, 0.9726, 0.9764, 0.9797, 0.9826, 0.985, 0.9871, 0.9889, 0.9905, 0.9919, 0.993, 0.994, 0.9949, 0.9956, 0.9963, 0.9968, 0.9973, 0.9977, 1);
    --sonar-motion-spatial-default-duration: 320ms;
    --sonar-motion-spatial-default-easing: linear(0, 0.0138, 0.0493, 0.0991, 0.1576, 0.2207, 0.2855, 0.3496, 0.4117, 0.4707, 0.526, 0.5773, 0.6243, 0.6672, 0.7061, 0.7411, 0.7724, 0.8004, 0.8253, 0.8473, 0.8668, 0.884, 0.8991, 0.9123, 0.9239, 0.9341, 0.9429, 0.9507, 0.9574, 0.9632, 0.9683, 0.9726, 0.9764, 0.9797, 0.9826, 0.985, 0.9871, 0.9889, 0.9905, 0.9919, 0.993, 0.994, 0.9949, 0.9956, 0.9963, 0.9968, 0.9973, 0.9977, 1);
    --sonar-motion-spatial-expressive-duration: 500ms;
    --sonar-motion-spatial-expressive-easing: linear(0, 0.0166, 0.0607, 0.1243, 0.2009, 0.285, 0.3722, 0.4589, 0.5425, 0.6211, 0.6933, 0.7584, 0.8159, 0.8658, 0.9083, 0.9437, 0.9726, 0.9956, 1.0134, 1.0266, 1.0358, 1.0417, 1.045, 1.046, 1.0453, 1.0433, 1.0405, 1.037, 1.0331, 1.0291, 1.0251, 1.0213, 1.0176, 1.0143, 1.0113, 1.0086, 1.0063, 1.0043, 1.0027, 1.0013, 1.0003, 0.9994, 0.9988, 0.9984, 0.9981, 0.9979, 0.9979, 0.9979, 1);
    --sonar-motion-effects-fast-duration: 138ms;
    --sonar-motion-effects-fast-easing: linear(0, 0.0138, 0.0493, 0.0991, 0.1576, 0.2207, 0.2855, 0.3496, 0.4117, 0.4707, 0.526, 0.5773, 0.6243, 0.6672, 0.7061, 0.7411, 0.7724, 0.8004, 0.8253, 0.8473, 0.8668, 0.884, 0.8991, 0.9123, 0.9239, 0.9341, 0.9429, 0.9507, 0.9574, 0.9632, 0.9683, 0.9726, 0.9764, 0.9797, 0.9826, 0.985, 0.9871, 0.9889, 0.9905, 0.9919, 0.993, 0.994, 0.9949, 0.9956, 0.9963, 0.9968, 0.9973, 0.9977, 1);
    --sonar-motion-effects-default-duration: 212ms;
    --sonar-motion-effects-default-easing: linear(0, 0.0138, 0.0493, 0.0991, 0.1576, 0.2207, 0.2855, 0.3496, 0.4117, 0.4707, 0.526, 0.5773, 0.6243, 0.6672, 0.7061, 0.7411, 0.7724, 0.8004, 0.8253, 0.8473, 0.8668, 0.884, 0.8991, 0.9123, 0.9239, 0.9341, 0.9429, 0.9507, 0.9574, 0.9632, 0.9683, 0.9726, 0.9764, 0.9797, 0.9826, 0.985, 0.9871, 0.9889, 0.9905, 0.9919, 0.993, 0.994, 0.9949, 0.9956, 0.9963, 0.9968, 0.9973, 0.9977, 1);
    --sonar-motion-effects-slow-duration: 300ms;
    --sonar-motion-effects-slow-easing: linear(0, 0.0138, 0.0493, 0.0991, 0.1576, 0.2207, 0.2855, 0.3496, 0.4117, 0.4707, 0.526, 0.5773, 0.6243, 0.6672, 0.7061, 0.7411, 0.7724, 0.8004, 0.8253, 0.8473, 0.8668, 0.884, 0.8991, 0.9123, 0.9239, 0.9341, 0.9429, 0.9507, 0.9574, 0.9632, 0.9683, 0.9726, 0.9764, 0.9797, 0.9826, 0.985, 0.9871, 0.9889, 0.9905, 0.9919, 0.993, 0.994, 0.9949, 0.9956, 0.9963, 0.9968, 0.9973, 0.9977, 1);
    --sonar-motion-easing-exit: cubic-bezier(0.3, 0, 0.8, 0.15);
    --sonar-motion-easing-decelerate: cubic-bezier(0.23, 1, 0.32, 1);
    --sonar-motion-easing-standard: cubic-bezier(0.25, 0.1, 0.25, 1);
    --sonar-motion-easing-accelerate: cubic-bezier(0.4, 0, 1, 1);
    --sonar-motion-easing-emphasized: cubic-bezier(0.2, 0, 0, 1);
    --sonar-motion-easing-crossfade: cubic-bezier(0.4, 0, 0.2, 1);
    --sonar-motion-duration-state: 160ms;
    --sonar-motion-duration-panel-enter: 420ms;
    --sonar-motion-duration-panel-exit: 150ms;
    --sonar-motion-duration-sheet-fade: 200ms;
    --sonar-motion-duration-sheet-exit: 220ms;
    --sonar-motion-duration-menu-exit: 110ms;
    --sonar-motion-duration-dropdown: 180ms;
    --sonar-motion-duration-tooltip-delay: 300ms;
    --sonar-motion-duration-tooltip-enter: 140ms;
    --sonar-motion-duration-tooltip-exit: 90ms;
    --sonar-motion-duration-theme: 700ms;
    --sonar-motion-duration-theme-fallback: 250ms;
    --sonar-motion-duration-reflow: 620ms;
    --sonar-layout-breakpoint-medium: 768px;
    --sonar-layout-breakpoint-expanded: 1280px;
    --sonar-layout-breakpoint-large: 2048px;
    --sonar-layout-breakpoint-extra-large: 2650px;
    --sonar-layout-columns-compact: 1;
    --sonar-layout-columns-medium: 2;
    --sonar-layout-columns-expanded: 3;
    --sonar-layout-columns-large: 4;
    --sonar-layout-columns-extra-large: 5;
    --sonar-layout-margin-compact: 16px;
    --sonar-layout-margin-medium: 24px;
    --sonar-layout-margin-expanded: 32px;
    --sonar-layout-gap: 20px;
    --sonar-layout-sidebar: 224px;
    --sonar-layout-rail: 60px;
    --sonar-layout-drawer: 304px;
    --sonar-layout-bar-top-compact: 56px;
    --sonar-layout-bar-top-medium: 68px;
    --sonar-layout-bar-bottom: 60px;
    --sonar-layout-bar-footer: 46px;
    --sonar-layout-card-s: 245px;
    --sonar-layout-card-m: 375px;
    --sonar-layout-card-l: 405px;
    --sonar-layout-card-xl: 535px;
    --sonar-layout-touch-target: 48px;
  }

  :root {
    --sonar-layout-columns: var(--sonar-layout-columns-compact);
    --sonar-layout-margin: var(--sonar-layout-margin-compact);
    --sonar-layout-bar-top: var(--sonar-layout-bar-top-compact);
  }

  @media (width >= 768px) {
    :root {
      --sonar-layout-columns: var(--sonar-layout-columns-medium);
      --sonar-layout-margin: var(--sonar-layout-margin-medium);
      --sonar-layout-bar-top: var(--sonar-layout-bar-top-medium);
    }
  }

  @media (width >= 1280px) {
    :root {
      --sonar-layout-columns: var(--sonar-layout-columns-expanded);
      --sonar-layout-margin: var(--sonar-layout-margin-expanded);
    }
  }

  @media (width >= 2048px) {
    :root {
      --sonar-layout-columns: var(--sonar-layout-columns-large);
    }
  }

  @media (width >= 2650px) {
    :root {
      --sonar-layout-columns: var(--sonar-layout-columns-extra-large);
    }
  }

  :root, [data-theme="light"] {
    color-scheme: light;
    --sonar-color-accent: var(--sonar-palette-green-50);
    --sonar-color-accent-container: var(--sonar-palette-green-91);
    --sonar-color-accent-tonal: var(--sonar-palette-green-90);
    --sonar-color-accent-inverse: var(--sonar-palette-green-81);
    --sonar-color-on-accent: var(--sonar-palette-white);
    --sonar-color-on-accent-tonal: var(--sonar-palette-green-11);
    --sonar-color-on-emphasis: var(--sonar-palette-white);
    --sonar-color-danger: var(--sonar-palette-red-50);
    --sonar-color-danger-solid: var(--sonar-palette-red-50);
    --sonar-color-danger-container: color-mix(in srgb, var(--sonar-palette-red-50) 12%, transparent);
    --sonar-color-warning: var(--sonar-palette-orange-77);
    --sonar-color-warning-container: color-mix(in srgb, var(--sonar-palette-orange-77) 16%, transparent);
    --sonar-color-success-container: color-mix(in srgb, var(--sonar-palette-green-50) 10%, transparent);
    --sonar-color-text-strong: var(--sonar-palette-neutral-10);
    --sonar-color-text-default: var(--sonar-palette-neutral-21);
    --sonar-color-text-secondary: var(--sonar-palette-neutral-light-28);
    --sonar-color-text-muted: var(--sonar-palette-neutral-light-30);
    --sonar-color-text-tertiary: var(--sonar-palette-neutral-43);
    --sonar-color-text-meta: var(--sonar-color-text-tertiary);
    --sonar-color-text-placeholder: var(--sonar-color-text-tertiary);
    --sonar-color-text-disabled: var(--sonar-palette-neutral-light-76);
    --sonar-color-text-inverse: var(--sonar-palette-neutral-95);
    --sonar-color-text-accent: var(--sonar-palette-green-46);
    --sonar-color-text-danger: var(--sonar-palette-red-46);
    --sonar-color-text-warning: var(--sonar-palette-orange-46);
    --sonar-color-surface-canvas: var(--sonar-palette-gray-91);
    --sonar-color-surface-page: var(--sonar-palette-gray-97);
    --sonar-color-surface-raised: var(--sonar-palette-white);
    --sonar-color-surface-card: var(--sonar-palette-gray-99);
    --sonar-color-surface-container: var(--sonar-palette-neutral-91);
    --sonar-color-surface-container-low: var(--sonar-palette-neutral-93);
    --sonar-color-surface-well: var(--sonar-palette-neutral-93);
    --sonar-color-surface-well-hover: var(--sonar-palette-neutral-90);
    --sonar-color-surface-menu: var(--sonar-palette-neutral-95);
    --sonar-color-surface-hover: var(--sonar-palette-neutral-96);
    --sonar-color-surface-selected: var(--sonar-palette-neutral-96);
    --sonar-color-surface-search-head: var(--sonar-palette-neutral-light-96);
    --sonar-color-surface-search-active: var(--sonar-palette-neutral-light-91);
    --sonar-color-surface-inverse: var(--sonar-palette-neutral-subdued-20);
    --sonar-color-scrim: color-mix(in srgb, var(--sonar-palette-neutral-light-7) 22%, transparent);
    --sonar-color-divider: var(--sonar-palette-neutral-88);
    --sonar-color-border-strong: var(--sonar-palette-neutral-10);
    --sonar-color-border-emphasis: var(--sonar-palette-neutral-46);
    --sonar-color-border-control: var(--sonar-palette-neutral-59);
    --sonar-color-border-muted: var(--sonar-palette-neutral-76);
    --sonar-color-border-subtle: var(--sonar-palette-neutral-84);
    --sonar-color-border-faint: var(--sonar-palette-neutral-90);
    --sonar-color-fill-strong: var(--sonar-palette-neutral-10);
    --sonar-color-fill-faint: var(--sonar-palette-neutral-59);
    --sonar-color-fill-muted: var(--sonar-palette-neutral-76);
    --sonar-color-fill-subtle: var(--sonar-palette-neutral-84);
    --sonar-color-state-hover: color-mix(in srgb, var(--sonar-palette-green-50) 8%, transparent);
    --sonar-color-state-pressed: color-mix(in srgb, var(--sonar-palette-green-50) 12%, transparent);
    --sonar-color-state-on-accent-hover: color-mix(in srgb, var(--sonar-palette-white) 10%, transparent);
    --sonar-color-state-on-accent-pressed: color-mix(in srgb, var(--sonar-palette-white) 12%, transparent);
    --sonar-color-chart-primary: var(--sonar-color-accent);
    --sonar-color-chart-secondary: var(--sonar-palette-black);
    --sonar-color-chart-alert: var(--sonar-color-danger);
    --sonar-color-chart-rest: var(--sonar-palette-neutral-76);
    --sonar-color-chart-grid: var(--sonar-palette-neutral-90);
    --sonar-color-chart-axis: var(--sonar-color-text-default);
    --sonar-color-chart-tip-shadow: color-mix(in srgb, var(--sonar-palette-black) 12%, transparent);
    --sonar-color-focus: var(--sonar-color-accent);
    --sonar-color-scrollbar: var(--sonar-palette-neutral-90);
    --sonar-elevation-1: 0 1px 2px 0 rgb(23 29 22 / 0.064), 0 1px 8px 2px rgb(23 29 22 / 0.04);
    --sonar-elevation-2: 0 1px 2px 0 rgb(23 29 22 / 0.128), 0 2px 6px 2px rgb(23 29 22 / 0.08);
    --sonar-elevation-3: 0 1px 2px 0 rgb(23 29 22 / 0.16), 0 4px 8px 2px rgb(23 29 22 / 0.1);
    --sonar-elevation-4: 0 1px 2px 0 rgb(23 29 22 / 0.192), 0 6px 10px 4px rgb(23 29 22 / 0.12);
    --sonar-elevation-panel: -6px 0 18px -7px rgb(23 29 22 / 0.2);
    --sonar-elevation-sheet: 0 8px 18px -7px rgb(23 29 22 / 0.2);
    --sonar-elevation-sheet-up: 0 -12px 32px -8px rgb(0 0 0 / 0.25);
    --sonar-elevation-top-bar: 0 2px 8px 0 rgb(0 0 0 / 0.035);
    --sonar-elevation-sidebar: 0 0 0 0 rgb(0 0 0 / 0);
    --sonar-elevation-edit-bar: 0 1px 2px 0 rgb(23 29 22 / 0.128), 0 2px 6px 2px rgb(23 29 22 / 0.08);
  }

  [data-theme="dark"] {
    color-scheme: dark;
    --sonar-color-accent: var(--sonar-palette-green-67);
    --sonar-color-accent-container: color-mix(in srgb, var(--sonar-palette-green-81) 16%, transparent);
    --sonar-color-accent-tonal: var(--sonar-palette-green-29);
    --sonar-color-accent-inverse: var(--sonar-palette-green-40);
    --sonar-color-on-accent: var(--sonar-palette-green-20);
    --sonar-color-on-accent-tonal: var(--sonar-palette-green-90);
    --sonar-color-on-emphasis: var(--sonar-palette-white);
    --sonar-color-danger: var(--sonar-palette-red-56);
    --sonar-color-danger-solid: var(--sonar-palette-red-50);
    --sonar-color-danger-container: color-mix(in srgb, var(--sonar-palette-red-56) 11%, transparent);
    --sonar-color-warning: var(--sonar-palette-orange-78);
    --sonar-color-warning-container: color-mix(in srgb, var(--sonar-palette-orange-78) 16%, transparent);
    --sonar-color-success-container: color-mix(in srgb, var(--sonar-palette-green-67) 10%, transparent);
    --sonar-color-text-strong: var(--sonar-palette-neutral-92);
    --sonar-color-text-default: var(--sonar-palette-neutral-90);
    --sonar-color-text-secondary: var(--sonar-palette-neutral-dark-80);
    --sonar-color-text-muted: var(--sonar-palette-neutral-dark-67);
    --sonar-color-text-tertiary: var(--sonar-palette-neutral-65);
    --sonar-color-text-meta: var(--sonar-palette-neutral-dark-59);
    --sonar-color-text-placeholder: var(--sonar-color-text-tertiary);
    --sonar-color-text-disabled: var(--sonar-palette-neutral-dark-27);
    --sonar-color-text-inverse: var(--sonar-palette-neutral-12);
    --sonar-color-text-accent: var(--sonar-palette-green-67);
    --sonar-color-text-danger: var(--sonar-palette-red-64);
    --sonar-color-text-warning: var(--sonar-palette-orange-73);
    --sonar-color-surface-canvas: var(--sonar-palette-neutral-dark-2);
    --sonar-color-surface-page: var(--sonar-palette-neutral-dark-6);
    --sonar-color-surface-raised: var(--sonar-palette-neutral-dark-12);
    --sonar-color-surface-card: var(--sonar-palette-neutral-dark-14);
    --sonar-color-surface-container: var(--sonar-palette-neutral-tinted-19);
    --sonar-color-surface-container-low: var(--sonar-palette-neutral-14);
    --sonar-color-surface-well: var(--sonar-palette-neutral-dark-21);
    --sonar-color-surface-well-hover: var(--sonar-palette-neutral-dark-27);
    --sonar-color-surface-menu: var(--sonar-palette-neutral-dark-16);
    --sonar-color-surface-hover: var(--sonar-palette-neutral-dark-15);
    --sonar-color-surface-selected: var(--sonar-palette-neutral-dark-21);
    --sonar-color-surface-search-head: var(--sonar-palette-neutral-dark-17);
    --sonar-color-surface-search-active: var(--sonar-palette-neutral-dark-23);
    --sonar-color-surface-inverse: var(--sonar-palette-neutral-dark-88);
    --sonar-color-scrim: color-mix(in srgb, var(--sonar-palette-black) 55%, transparent);
    --sonar-color-divider: var(--sonar-palette-neutral-dark-21);
    --sonar-color-border-strong: var(--sonar-palette-neutral-92);
    --sonar-color-border-emphasis: var(--sonar-palette-neutral-60);
    --sonar-color-border-control: var(--sonar-palette-neutral-dark-48);
    --sonar-color-border-muted: var(--sonar-palette-neutral-dark-27);
    --sonar-color-border-subtle: var(--sonar-palette-neutral-dark-22);
    --sonar-color-border-faint: var(--sonar-palette-neutral-18);
    --sonar-color-fill-strong: var(--sonar-palette-neutral-92);
    --sonar-color-fill-faint: var(--sonar-palette-neutral-47);
    --sonar-color-fill-muted: var(--sonar-palette-neutral-27);
    --sonar-color-fill-subtle: var(--sonar-palette-neutral-22);
    --sonar-color-state-hover: color-mix(in srgb, var(--sonar-palette-green-81) 10%, transparent);
    --sonar-color-state-pressed: color-mix(in srgb, var(--sonar-palette-green-81) 16%, transparent);
    --sonar-color-state-on-accent-hover: color-mix(in srgb, var(--sonar-palette-black) 10%, transparent);
    --sonar-color-state-on-accent-pressed: color-mix(in srgb, var(--sonar-palette-black) 12%, transparent);
    --sonar-color-chart-primary: var(--sonar-color-accent);
    --sonar-color-chart-secondary: var(--sonar-palette-neutral-dark-90);
    --sonar-color-chart-alert: var(--sonar-color-danger);
    --sonar-color-chart-rest: var(--sonar-palette-neutral-tinted-36);
    --sonar-color-chart-grid: var(--sonar-palette-neutral-21);
    --sonar-color-chart-axis: var(--sonar-color-text-default);
    --sonar-color-chart-tip-shadow: color-mix(in srgb, var(--sonar-palette-black) 0%, transparent);
    --sonar-color-focus: var(--sonar-color-accent);
    --sonar-color-scrollbar: var(--sonar-palette-neutral-18);
    --sonar-elevation-1: 0 1px 2px 0 rgb(0 0 0 / 0.282), 0 1px 8px 2px rgb(0 0 0 / 0.176);
    --sonar-elevation-2: 0 1px 2px 0 rgb(0 0 0 / 0.563), 0 2px 6px 2px rgb(0 0 0 / 0.352);
    --sonar-elevation-3: 0 1px 2px 0 rgb(0 0 0 / 0.704), 0 4px 8px 2px rgb(0 0 0 / 0.44);
    --sonar-elevation-4: 0 1px 2px 0 rgb(0 0 0 / 0.845), 0 6px 10px 4px rgb(0 0 0 / 0.528);
    --sonar-elevation-panel: inset 0 1px 0 0 var(--sonar-palette-neutral-12), -1px 0 0 0 var(--sonar-palette-neutral-12), -16px 0 36px -14px rgb(0 0 0 / 0.75);
    --sonar-elevation-sheet: 0 8px 18px -7px rgb(0 0 0 / 0.7);
    --sonar-elevation-sheet-up: 0 -12px 32px -8px rgb(0 0 0 / 0.25);
    --sonar-elevation-top-bar: 0 1px 0 0 var(--sonar-palette-neutral-12);
    --sonar-elevation-sidebar: 1px 0 0 0 var(--sonar-palette-neutral-10);
    --sonar-elevation-edit-bar: 0 -1px 0 0 var(--sonar-palette-neutral-12);
  }

  @media (prefers-color-scheme: dark) {
    :root:not([data-theme="light"]) {
      color-scheme: dark;
      --sonar-color-accent: var(--sonar-palette-green-67);
      --sonar-color-accent-container: color-mix(in srgb, var(--sonar-palette-green-81) 16%, transparent);
      --sonar-color-accent-tonal: var(--sonar-palette-green-29);
      --sonar-color-accent-inverse: var(--sonar-palette-green-40);
      --sonar-color-on-accent: var(--sonar-palette-green-20);
      --sonar-color-on-accent-tonal: var(--sonar-palette-green-90);
      --sonar-color-on-emphasis: var(--sonar-palette-white);
      --sonar-color-danger: var(--sonar-palette-red-56);
      --sonar-color-danger-solid: var(--sonar-palette-red-50);
      --sonar-color-danger-container: color-mix(in srgb, var(--sonar-palette-red-56) 11%, transparent);
      --sonar-color-warning: var(--sonar-palette-orange-78);
      --sonar-color-warning-container: color-mix(in srgb, var(--sonar-palette-orange-78) 16%, transparent);
      --sonar-color-success-container: color-mix(in srgb, var(--sonar-palette-green-67) 10%, transparent);
      --sonar-color-text-strong: var(--sonar-palette-neutral-92);
      --sonar-color-text-default: var(--sonar-palette-neutral-90);
      --sonar-color-text-secondary: var(--sonar-palette-neutral-dark-80);
      --sonar-color-text-muted: var(--sonar-palette-neutral-dark-67);
      --sonar-color-text-tertiary: var(--sonar-palette-neutral-65);
      --sonar-color-text-meta: var(--sonar-palette-neutral-dark-59);
      --sonar-color-text-placeholder: var(--sonar-color-text-tertiary);
      --sonar-color-text-disabled: var(--sonar-palette-neutral-dark-27);
      --sonar-color-text-inverse: var(--sonar-palette-neutral-12);
      --sonar-color-text-accent: var(--sonar-palette-green-67);
      --sonar-color-text-danger: var(--sonar-palette-red-64);
      --sonar-color-text-warning: var(--sonar-palette-orange-73);
      --sonar-color-surface-canvas: var(--sonar-palette-neutral-dark-2);
      --sonar-color-surface-page: var(--sonar-palette-neutral-dark-6);
      --sonar-color-surface-raised: var(--sonar-palette-neutral-dark-12);
      --sonar-color-surface-card: var(--sonar-palette-neutral-dark-14);
      --sonar-color-surface-container: var(--sonar-palette-neutral-tinted-19);
      --sonar-color-surface-container-low: var(--sonar-palette-neutral-14);
      --sonar-color-surface-well: var(--sonar-palette-neutral-dark-21);
      --sonar-color-surface-well-hover: var(--sonar-palette-neutral-dark-27);
      --sonar-color-surface-menu: var(--sonar-palette-neutral-dark-16);
      --sonar-color-surface-hover: var(--sonar-palette-neutral-dark-15);
      --sonar-color-surface-selected: var(--sonar-palette-neutral-dark-21);
      --sonar-color-surface-search-head: var(--sonar-palette-neutral-dark-17);
      --sonar-color-surface-search-active: var(--sonar-palette-neutral-dark-23);
      --sonar-color-surface-inverse: var(--sonar-palette-neutral-dark-88);
      --sonar-color-scrim: color-mix(in srgb, var(--sonar-palette-black) 55%, transparent);
      --sonar-color-divider: var(--sonar-palette-neutral-dark-21);
      --sonar-color-border-strong: var(--sonar-palette-neutral-92);
      --sonar-color-border-emphasis: var(--sonar-palette-neutral-60);
      --sonar-color-border-control: var(--sonar-palette-neutral-dark-48);
      --sonar-color-border-muted: var(--sonar-palette-neutral-dark-27);
      --sonar-color-border-subtle: var(--sonar-palette-neutral-dark-22);
      --sonar-color-border-faint: var(--sonar-palette-neutral-18);
      --sonar-color-fill-strong: var(--sonar-palette-neutral-92);
      --sonar-color-fill-faint: var(--sonar-palette-neutral-47);
      --sonar-color-fill-muted: var(--sonar-palette-neutral-27);
      --sonar-color-fill-subtle: var(--sonar-palette-neutral-22);
      --sonar-color-state-hover: color-mix(in srgb, var(--sonar-palette-green-81) 10%, transparent);
      --sonar-color-state-pressed: color-mix(in srgb, var(--sonar-palette-green-81) 16%, transparent);
      --sonar-color-state-on-accent-hover: color-mix(in srgb, var(--sonar-palette-black) 10%, transparent);
      --sonar-color-state-on-accent-pressed: color-mix(in srgb, var(--sonar-palette-black) 12%, transparent);
      --sonar-color-chart-primary: var(--sonar-color-accent);
      --sonar-color-chart-secondary: var(--sonar-palette-neutral-dark-90);
      --sonar-color-chart-alert: var(--sonar-color-danger);
      --sonar-color-chart-rest: var(--sonar-palette-neutral-tinted-36);
      --sonar-color-chart-grid: var(--sonar-palette-neutral-21);
      --sonar-color-chart-axis: var(--sonar-color-text-default);
      --sonar-color-chart-tip-shadow: color-mix(in srgb, var(--sonar-palette-black) 0%, transparent);
      --sonar-color-focus: var(--sonar-color-accent);
      --sonar-color-scrollbar: var(--sonar-palette-neutral-18);
      --sonar-elevation-1: 0 1px 2px 0 rgb(0 0 0 / 0.282), 0 1px 8px 2px rgb(0 0 0 / 0.176);
      --sonar-elevation-2: 0 1px 2px 0 rgb(0 0 0 / 0.563), 0 2px 6px 2px rgb(0 0 0 / 0.352);
      --sonar-elevation-3: 0 1px 2px 0 rgb(0 0 0 / 0.704), 0 4px 8px 2px rgb(0 0 0 / 0.44);
      --sonar-elevation-4: 0 1px 2px 0 rgb(0 0 0 / 0.845), 0 6px 10px 4px rgb(0 0 0 / 0.528);
      --sonar-elevation-panel: inset 0 1px 0 0 var(--sonar-palette-neutral-12), -1px 0 0 0 var(--sonar-palette-neutral-12), -16px 0 36px -14px rgb(0 0 0 / 0.75);
      --sonar-elevation-sheet: 0 8px 18px -7px rgb(0 0 0 / 0.7);
      --sonar-elevation-sheet-up: 0 -12px 32px -8px rgb(0 0 0 / 0.25);
      --sonar-elevation-top-bar: 0 1px 0 0 var(--sonar-palette-neutral-12);
      --sonar-elevation-sidebar: 1px 0 0 0 var(--sonar-palette-neutral-10);
      --sonar-elevation-edit-bar: 0 -1px 0 0 var(--sonar-palette-neutral-12);
    }
  }
}