@import "tailwindcss";
@config "../../../config/tailwind.config.js";

@layer base {
  :root {
    --color-background: oklch(98% 0.016 210);
    --color-foreground: oklch(11% 0.047 222);
    --color-card: oklch(100% 0 0);
    --color-card-foreground: oklch(11% 0.047 222);
    --color-popover: oklch(100% 0 0);
    --color-popover-foreground: oklch(11% 0.047 222);
    --color-primary: oklch(36% 0.135 186);
    --color-primary-foreground: oklch(100% 0 0);
    --color-secondary: oklch(95% 0.032 214);
    --color-secondary-foreground: oklch(15% 0.047 222);
    --color-muted: oklch(92% 0.027 213);
    --color-muted-foreground: oklch(46% 0.016 215);
    --color-accent: oklch(54% 0.134 28);
    --color-accent-foreground: oklch(97% 0.092 27);
    --color-destructive: oklch(60% 0.126 0);
    --color-destructive-foreground: oklch(98% 0 0);
    --color-border: oklch(90% 0.032 214);
    --color-input: oklch(90% 0.032 214);
    --color-ring: oklch(36% 0.135 186);
    --color-success: oklch(36% 0.065 150);
    --color-success-foreground: oklch(96% 0.061 144);
    --color-warning: oklch(50% 0.092 35);
    --color-warning-foreground: oklch(97% 0.086 41);
    --color-info: oklch(47% 0.092 201);
    --color-info-foreground: oklch(96% 0.1 199);

    --radius: 0.9rem;
  }
}

@layer base {
  body {
    @apply min-h-screen bg-background text-foreground antialiased;
    background-image: radial-gradient(circle at 10% 20%, rgba(13, 148, 136, 0.08), transparent 32%),
      radial-gradient(circle at 80% 0%, rgba(251, 146, 60, 0.08), transparent 28%),
      linear-gradient(180deg, rgba(255, 255, 255, 0.92), rgba(249, 250, 251, 0.96));
  }

  * {
    @apply border-border;
  }

  input:not([type='checkbox']):not([type='radio']),
  textarea,
  select {
    @apply bg-background text-foreground;
  }

  input[type='checkbox'],
  input[type='radio'] {
    @apply border-input bg-white text-primary;
  }

  ::selection {
    background-color: rgba(13, 148, 136, 0.3);
    color: rgb(15, 23, 42);
  }

  ::-moz-selection {
    background-color: rgba(13, 148, 136, 0.3);
    color: rgb(15, 23, 42);
  }
}