/**
 * Do not edit directly, this file was auto-generated.
 */

@custom-variant dark (&:where([data-theme=dark], [data-theme=dark] *));

@layer theme {
  :root,
  :host {
    /* Reserved colors */
    --reserved-success-50: #f2f9f2;
    --reserved-success-100: #d9ecd9;
    --reserved-success-200: #99cc99;
    --reserved-success-300: #47a447;
    --reserved-success-400: #249224;
    --reserved-success-500: #008000;
    --reserved-success-600: #006d00;
    --reserved-success-700: #005a00;
    --reserved-success-800: #004600;
    --reserved-success-900: #003300;
    --reserved-success-950: #002000;
    --reserved-info-50: #f2f8fc;
    --reserved-info-100: #d9eaf6;
    --reserved-info-200: #99c7e7;
    --reserved-info-300: #459ad4;
    --reserved-info-400: #2487cc;
    --reserved-info-500: #0074c4;
    --reserved-info-600: #0063a7;
    --reserved-info-700: #005189;
    --reserved-info-800: #00406c;
    --reserved-info-900: #002e4e;
    --reserved-info-950: #001d31;
    --reserved-warning-50: #fcf5f2;
    --reserved-warning-100: #f3d8cc;
    --reserved-warning-200: #e8b199;
    --reserved-warning-300: #d7784f;
    --reserved-warning-400: #ce5826;
    --reserved-warning-500: #c53b00;
    --reserved-warning-600: #a73200;
    --reserved-warning-700: #8a2900;
    --reserved-warning-800: #6c2000;
    --reserved-warning-900: #4f1800;
    --reserved-warning-950: #310f00;
    --reserved-danger-50: #fcf2f2;
    --reserved-danger-100: #f9e6e6;
    --reserved-danger-200: #eaa6a6;
    --reserved-danger-300: #db6363;
    --reserved-danger-400: #d03333;
    --reserved-danger-500: #c40000;
    --reserved-danger-600: #a70000;
    --reserved-danger-700: #890000;
    --reserved-danger-800: #6c0000;
    --reserved-danger-900: #4e0000;
    --reserved-danger-950: #310000;
    --reserved-system-50: #fffff2;
    --reserved-system-100: #ffffe6;
    --reserved-system-200: #ffffbf;
    --reserved-system-300: #ffff80;
    --reserved-system-400: #ffff40;
    --reserved-system-500: #ffff00;
    --reserved-system-600: #d9d900;
    --reserved-system-700: #b3b300;
    --reserved-system-800: #8c8c00;
    --reserved-system-900: #666600;
    --reserved-system-950: #404000;
  }

  /* Tailwind theme variables  */
  @theme inline static {
      --color-background-white: var(--background-white);
      --color-background-pale: var(--background-pale);
      --color-background-faint: var(--background-faint);
      --color-background-primary: var(--background-primary);
      --color-background-hero: var(--background-hero);
      --color-surface-muted-vivid: var(--surface-muted-vivid);
      --color-surface-muted: var(--surface-muted);
      --color-surface-muted-strong: var(--surface-muted-strong);
      --color-surface-muted-mild: var(--surface-muted-mild);
      --color-surface-muted-soft: var(--surface-muted-soft);
      --color-surface-muted-pale: var(--surface-muted-pale);
      --color-surface-muted-faint: var(--surface-muted-faint);
      --color-surface-primary: var(--surface-primary);
      --color-surface-primary-faint: var(--surface-primary-faint);
      --color-surface-hero: var(--surface-hero);
      --color-surface-hero-faint: var(--surface-hero-faint);
      --color-surface-pop: var(--surface-pop);
      --color-surface-pop-faint: var(--surface-pop-faint);
      --color-surface-holler: var(--surface-holler);
      --color-surface-holler-faint: var(--surface-holler-faint);
      --color-surface-success: var(--surface-success);
      --color-surface-success-faint: var(--surface-success-faint);
      --color-surface-info: var(--surface-info);
      --color-surface-info-faint: var(--surface-info-faint);
      --color-surface-warning: var(--surface-warning);
      --color-surface-warning-faint: var(--surface-warning-faint);
      --color-surface-danger: var(--surface-danger);
      --color-surface-danger-faint: var(--surface-danger-faint);
      --color-surface-system-error: var(--surface-system-error);
      --color-surface-system-error-dark: var(--surface-system-error-dark);
      --color-surface-mono: var(--surface-mono);
      --color-surface-reversed: var(--surface-reversed);
      --color-text-body: var(--text-body);
      --color-text-heading: var(--text-heading);
      --color-text-muted: var(--text-muted);
      --color-text-primary: var(--text-primary);
      --color-text-hero: var(--text-hero);
      --color-text-holler: var(--text-holler);
      --color-text-link: var(--text-link);
      --color-text-success: var(--text-success);
      --color-text-info: var(--text-info);
      --color-text-warning: var(--text-warning);
      --color-text-danger: var(--text-danger);
      --color-text-system-error: var(--text-system-error);
      --color-text-mono: var(--text-mono);
      --color-text-reversed: var(--text-reversed);
      --color-border-muted: var(--border-muted);
      --color-border-muted-strong: var(--border-muted-strong);
      --color-border-muted-mild: var(--border-muted-mild);
      --color-border-muted-soft: var(--border-muted-soft);
      --color-border-hero: var(--border-hero);
      --color-border-primary: var(--border-primary);
      --color-border-pop: var(--border-pop);
      --color-border-holler: var(--border-holler);
      --color-border-success: var(--border-success);
      --color-border-success-mild: var(--border-success-mild);
      --color-border-info: var(--border-info);
      --color-border-info-mild: var(--border-info-mild);
      --color-border-warning: var(--border-warning);
      --color-border-warning-mild: var(--border-warning-mild);
      --color-border-danger: var(--border-danger);
      --color-border-danger-mild: var(--border-danger-mild);
      --color-border-mono: var(--border-mono);
      --color-border-focus: var(--border-focus);
      --color-data-a-solid: var(--data-a-solid);
      --color-data-a-tint: var(--data-a-tint);
      --color-data-a-opacity: var(--data-a-opacity);
      --color-data-b-solid: var(--data-b-solid);
      --color-data-b-tint: var(--data-b-tint);
      --color-data-b-opacity: var(--data-b-opacity);
      --color-data-c-solid: var(--data-c-solid);
      --color-data-c-tint: var(--data-c-tint);
      --color-data-c-opacity: var(--data-c-opacity);
      --color-data-d-solid: var(--data-d-solid);
      --color-data-d-tint: var(--data-d-tint);
      --color-data-d-opacity: var(--data-d-opacity);
      --color-data-e-solid: var(--data-e-solid);
      --color-data-e-tint: var(--data-e-tint);
      --color-data-e-opacity: var(--data-e-opacity);
      --color-data-f-solid: var(--data-f-solid);
      --color-data-f-tint: var(--data-f-tint);
      --color-data-f-opacity: var(--data-f-opacity);
      --color-surface-pictogram-base: var(--surface-pictogram-base);
      --color-surface-pictogram-accent: var(--surface-pictogram-accent);
      --color-surface-hover-primary: var(--surface-hover-primary);
      --color-surface-active-primary: var(--surface-active-primary);
      --color-surface-hover-hero: var(--surface-hover-hero);
      --color-surface-active-hero: var(--surface-active-hero);
      --color-surface-hover-primary-faint: var(--surface-hover-primary-faint);
      --color-surface-active-primary-faint: var(--surface-active-primary-faint);
      --color-surface-hover-hero-faint: var(--surface-hover-hero-faint);
      --color-surface-active-hero-faint: var(--surface-active-hero-faint);
      --color-surface-hover-muted-pale: var(--surface-hover-muted-pale);
      --color-surface-active-muted-pale: var(--surface-active-muted-pale);
      --color-surface-hover-mono: var(--surface-hover-mono);
      --color-surface-active-mono: var(--surface-active-mono);
    }
}