/* [project]/packages/ui/src/app/globals.css [app-client] (css) */
@tailwind base;

@tailwind components;

@tailwind utilities;

@layer base {
  :root {
    --background: 220 17% 95%;
    --foreground: 0 0% 26%;
    --card: 0 0% 100%;
    --card-foreground: 0 0% 26%;
    --popover: 0 0% 100%;
    --popover-foreground: 0 0% 26%;
    --primary: 199 87% 61%;
    --primary-foreground: 0 0% 100%;
    --secondary: 210 40% 96.1%;
    --secondary-foreground: 0 0% 26%;
    --muted: 210 40% 96.1%;
    --muted-foreground: 215.4 16.3% 46.9%;
    --accent: 263 71% 61%;
    --accent-foreground: 0 0% 100%;
    --border: 214.3 31.8% 91.4%;
    --input: 214.3 31.8% 91.4%;
    --ring: 199 87% 61%;
    --destructive: 0 84.2% 60.2%;
    --destructive-foreground: 0 0% 98%;
    --success: 142 71% 45%;
    --success-foreground: 0 0% 100%;
    --warning: 38 92% 50%;
    --warning-foreground: 0 0% 26%;
    --info: 231 48% 48%;
    --info-foreground: 0 0% 100%;
    --pale: 210 40% 96%;
    --pale-foreground: 210 40% 26%;
    --primary-gradient-start: 199 87% 61%;
    --primary-gradient-end: 263 71% 61%;
    --info-subtle-bg: 231 48% 96%;
    --success-subtle-bg: 145 80% 97%;
    --warning-subtle-bg: 45 100% 97%;
    --destructive-subtle-bg: 0 100% 97%;
    --workflow-success: hsl(var(--primary));
    --workflow-active: hsl(var(--primary));
    --severity-critical: 0 84.2% 60.2%;
    --severity-high: 38 92% 50%;
    --severity-medium: 261 45% 63%;
    --severity-low: 215.4 16.3% 46.9%;
    --chart-1: 199 87% 61%;
    --chart-2: 142 71% 45%;
    --chart-3: 38 92% 50%;
    --chart-4: 0 84% 60%;
    --chart-5: 263 71% 61%;
    --sidebar-background: 210 40% 98%;
    --sidebar-foreground: 222 47% 11%;
    --sidebar-primary: 199 87% 61%;
    --sidebar-primary-foreground: 0 0% 100%;
    --sidebar-accent: 199 87% 61%;
    --sidebar-accent-foreground: 0 0% 100%;
    --sidebar-border: 214.3 31.8% 91.4%;
    --sidebar-ring: 199 87% 61%;
  }

  [data-theme="dark"] {
    --background: 222 47% 11%;
    --foreground: 210 40% 98%;
    --card: 222 47% 11.5%;
    --card-foreground: 210 40% 98%;
    --popover: 222 47% 11%;
    --popover-foreground: 210 40% 98%;
    --primary: 199 87% 71%;
    --primary-foreground: 0 0% 100%;
    --secondary: 217.2 32.6% 17.5%;
    --secondary-foreground: 210 40% 98%;
    --muted: 217.2 32.6% 17.5%;
    --muted-foreground: 215 20.2% 65.1%;
    --accent: 263 71% 76%;
    --accent-foreground: 0 0% 100%;
    --border: 217.2 32.6% 17.5%;
    --input: 217.2 32.6% 17.5%;
    --ring: 199 87% 71%;
    --primary-gradient-start: 220 78% 26%;
    --primary-gradient-end: 269 51% 32%;
    --destructive: 0 72.2% 50.6%;
    --destructive-foreground: 0 0% 98%;
    --success: 142 76% 36%;
    --success-foreground: 0 0% 100%;
    --warning: 45 93% 47%;
    --warning-foreground: 222 47% 11%;
    --info: 231 48% 58%;
    --info-foreground: 0 0% 100%;
    --pale: 210 40% 15%;
    --pale-foreground: 210 40% 85%;
    --info-subtle-bg: 231 48% 15%;
    --success-subtle-bg: 142 76% 15%;
    --warning-subtle-bg: 45 93% 15%;
    --destructive-subtle-bg: 0 72% 15%;
    --severity-critical: 0 72.2% 50.6%;
    --severity-high: 45 93% 47%;
    --severity-medium: 261 45% 73%;
    --severity-low: 215 20.2% 65.1%;
    --sidebar-background: 222 47% 11%;
    --sidebar-foreground: 210 40% 96.1%;
    --sidebar-primary: 0 0% 100%;
    --sidebar-primary-foreground: 199 87% 61%;
    --sidebar-accent: 199 87% 61%;
    --sidebar-accent-foreground: 0 0% 100%;
    --sidebar-border: 217.2 32.6% 17.5%;
    --sidebar-ring: 0 0% 100%;
  }

  [data-theme="gray"] {
    --background: 240 6% 10%;
    --foreground: 210 40% 98%;
    --card: 240 6% 12%;
    --card-foreground: 210 40% 98%;
    --popover: 240 6% 10%;
    --popover-foreground: 210 40% 98%;
    --primary: 199 87% 71%;
    --primary-foreground: 0 0% 100%;
    --secondary: 240 5% 18%;
    --secondary-foreground: 210 40% 98%;
    --muted: 240 5% 18%;
    --muted-foreground: 215 20.2% 65.1%;
    --accent: 263 71% 76%;
    --accent-foreground: 0 0% 100%;
    --border: 240 5% 18%;
    --input: 240 5% 18%;
    --ring: 199 87% 71%;
    --primary-gradient-start: 220 78% 26%;
    --primary-gradient-end: 269 51% 32%;
    --destructive: 0 72.2% 50.6%;
    --destructive-foreground: 0 0% 98%;
    --success: 142 76% 36%;
    --success-foreground: 0 0% 100%;
    --warning: 45 93% 47%;
    --warning-foreground: 222 47% 11%;
    --info: 231 48% 58%;
    --info-foreground: 0 0% 100%;
    --pale: 210 40% 15%;
    --pale-foreground: 210 40% 85%;
    --info-subtle-bg: 231 48% 15%;
    --success-subtle-bg: 142 76% 15%;
    --warning-subtle-bg: 45 93% 15%;
    --destructive-subtle-bg: 0 72% 15%;
    --severity-critical: 0 72.2% 50.6%;
    --severity-high: 45 93% 47%;
    --severity-medium: 261 45% 73%;
    --severity-low: 215 20.2% 65.1%;
    --sidebar-background: 240 6% 10%;
    --sidebar-foreground: 210 40% 96.1%;
    --sidebar-primary: 0 0% 100%;
    --sidebar-primary-foreground: 199 87% 61%;
    --sidebar-accent: 199 87% 61%;
    --sidebar-accent-foreground: 0 0% 100%;
    --sidebar-border: 240 5% 18%;
    --sidebar-ring: 0 0% 100%;
  }

  @apply border-border;

  @apply bg-background text-foreground;
}

@layer components {
  @apply bg-[hsl(var(--info-subtle-bg)) ];

  @apply text-[hsl(var(--info)) ];

  @apply border-[hsl(var(--info)) ];

  @apply bg-[hsl(var(--success-subtle-bg)) ];

  @apply text-[hsl(var(--success)) ];

  @apply border-[hsl(var(--success)) ];

  @apply bg-[hsl(var(--warning-subtle-bg)) ];

  @apply text-[hsl(var(--warning)) ];

  @apply border-[hsl(var(--warning)) ];

  @apply bg-[hsl(var(--destructive-subtle-bg)) ];

  @apply border-[hsl(var(--destructive)) ];

  @apply bg-[hsl(var(--workflow-success)) ];

  @apply border-[hsl(var(--workflow-success)) ];

  @apply bg-[hsl(var(--workflow-active)) ];

  @apply border-[hsl(var(--workflow-active)) ];

  @apply bg-[hsl(var(--success)) ] text-[hsl(var(--success-foreground)) ];

  @apply bg-[hsl(var(--info)) ] text-[hsl(var(--info-foreground)) ];

  @apply bg-[hsl(var(--warning)) ] text-[hsl(var(--warning-foreground)) ];

  @apply bg-[hsl(var(--destructive)) ] text-[hsl(var(--destructive-foreground)) ];

  @apply text-[hsl(var(--success)) ];

  @apply text-[hsl(var(--warning)) ];

  @apply text-[hsl(var(--destructive)) ];
}

/*# sourceMappingURL=packages_ui_src_app_globals_b0afbab6.css.map*/