@import "tailwindcss";

@variant glow (.glow-capture .glow-overlay &);

/* Semantic colors for status states */
:root {
  --success: oklch(0.723 0.191 142.5);
  --success-foreground: oklch(1 0 0);
  --warning: oklch(0.795 0.184 86.047);
  --warning-foreground: oklch(0.21 0.006 285.885);
}

.dark {
  --success: oklch(0.723 0.191 142.5);
  --success-foreground: oklch(0.145 0 0);
  --warning: oklch(0.795 0.184 86.047);
  --warning-foreground: oklch(0.21 0.006 285.885);
}

@theme {
  --color-glow: color-mix(in srgb, var(--glow-color) calc(var(--tw-text-opacity, 1) * 100%), transparent);
  --color-success: var(--success);
  --color-success-foreground: var(--success-foreground);
  --color-warning: var(--warning);
  --color-warning-foreground: var(--warning-foreground);
}
@import "./basecoat-css.css";
@import "./toast.css";
@import "./editor.css";
@import "./landing.css";
@import "./schedule.css";

@source "../../../node_modules/flowbite";

@import "flowbite/src/themes/default";
@plugin "flowbite/plugin";

@layer components {
  .pagy {
    @apply flex items-center gap-1;

    a:not([role="separator"]) {
      @apply inline-flex items-center justify-center h-9 min-w-[2.25rem] px-3
      text-sm font-medium text-foreground
      rounded-md border border-border bg-background
      hover:bg-accent hover:text-accent-foreground
      focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring
      transition-colors duration-150;
    }

    a[href]:hover {
      @apply bg-accent text-accent-foreground;
    }

    a:not([href]) {
      @apply cursor-default opacity-50;
    }

    a[role="link"]:not([aria-current]) {
      @apply opacity-50 cursor-not-allowed;
    }

    a[aria-current] {
      @apply bg-primary text-primary-foreground border-primary
      hover:bg-primary hover:text-primary-foreground;
    }

    label {
      @apply inline-flex items-center gap-2 text-sm text-muted-foreground;

      input {
        @apply h-9 w-16 px-3 text-sm text-foreground
        bg-background border border-border rounded-md
        focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring;
      }
    }
  }
}