@import 'tailwindcss';
@import "@heroui/styles"; 

@import 'tw-animate-css';

@custom-variant dark (&:is(.dark *));

body {
  @apply m-0;
  font-family:
    -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu',
    'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

code {
  font-family:
    source-code-pro, Menlo, Monaco, Consolas, 'Courier New', monospace;
}
/*
 * HeroUI Theme Customization
 * Add this to your global.css after importing @heroui/styles
 * Only includes base variables from variables.css
 * @see https://v3.heroui.com/docs/react/getting-started/theming
 */

:root,
.light,
.default,
[data-theme="light"],
[data-theme="default"] {
  /* Theme Colors (Light Mode) */
  --accent: oklch(66.78% 0.2232 43.72);
  --accent-foreground: oklch(15% 0.0300 43.72);
  --background: oklch(97.02% 0.0064 43.72);
  --border: oklch(90.00% 0.0064 43.72);
  --danger: oklch(65.32% 0.2358 0.53);
  --danger-foreground: oklch(99.11% 0 0);
  --default: oklch(94.00% 0.0064 43.72);
  --default-foreground: oklch(21.03% 0.0059 43.72);
  --field-background: oklch(100.00% 0.0032 43.72);
  --field-foreground: oklch(21.03% 0.0064 43.72);
  --field-placeholder: oklch(55.17% 0.0128 43.72);
  --focus: oklch(66.78% 0.2232 43.72);
  --foreground: oklch(21.03% 0.0064 43.72);
  --muted: oklch(55.17% 0.0128 43.72);
  --overlay: oklch(100.00% 0.0019 43.72);
  --overlay-foreground: oklch(21.03% 0.0064 43.72);
  --scrollbar: oklch(87.10% 0.0064 43.72);
  --segment: oklch(100.00% 0.0064 43.72);
  --segment-foreground: oklch(21.03% 0.0064 43.72);
  --separator: oklch(92.00% 0.0064 43.72);
  --success: oklch(73.29% 0.1960 125.60);
  --success-foreground: oklch(21.03% 0.0059 125.60);
  --surface: oklch(100.00% 0.0032 43.72);
  --surface-foreground: oklch(21.03% 0.0064 43.72);
  --surface-secondary: oklch(95.24% 0.0051 43.72);
  --surface-secondary-foreground: oklch(21.03% 0.0064 43.72);
  --surface-tertiary: oklch(93.73% 0.0051 43.72);
  --surface-tertiary-foreground: oklch(21.03% 0.0064 43.72);
  --warning: oklch(78.19% 0.1605 47.12);
  --warning-foreground: oklch(21.03% 0.0059 47.12);

  /* Border Radius */
  --radius: 0.125rem;
  --field-radius: 0.125rem;

  /* Font Family */
  /* Make sure to load Inter font in your app */
  --font-sans: var(--font-inter);
}

.dark,
[data-theme="dark"] {
  color-scheme: dark;
  /* Theme Colors (Dark Mode) */
  --accent: oklch(66.78% 0.2232 43.72);
  --accent-foreground: oklch(15% 0.0300 43.72);
  --background: oklch(12.00% 0.0064 43.72);
  --border: oklch(28.00% 0.0064 43.72);
  --danger: oklch(59.40% 0.1992 359.42);
  --danger-foreground: oklch(99.11% 0 0);
  --default: oklch(27.40% 0.0064 43.72);
  --default-foreground: oklch(99.11% 0 0);
  --field-background: oklch(21.03% 0.0128 43.72);
  --field-foreground: oklch(99.11% 0.0064 43.72);
  --field-placeholder: oklch(70.50% 0.0128 43.72);
  --focus: oklch(66.78% 0.2232 43.72);
  --foreground: oklch(99.11% 0.0064 43.72);
  --muted: oklch(70.50% 0.0128 43.72);
  --overlay: oklch(21.03% 0.0128 43.72);
  --overlay-foreground: oklch(99.11% 0.0064 43.72);
  --scrollbar: oklch(70.50% 0.0064 43.72);
  --segment: oklch(39.64% 0.0064 43.72);
  --segment-foreground: oklch(99.11% 0.0064 43.72);
  --separator: oklch(25.00% 0.0064 43.72);
  --success: oklch(73.29% 0.1960 125.60);
  --success-foreground: oklch(21.03% 0.0059 125.60);
  --surface: oklch(21.03% 0.0128 43.72);
  --surface-foreground: oklch(99.11% 0.0064 43.72);
  --surface-secondary: oklch(25.70% 0.0096 43.72);
  --surface-secondary-foreground: oklch(99.11% 0.0064 43.72);
  --surface-tertiary: oklch(27.21% 0.0096 43.72);
  --surface-tertiary-foreground: oklch(99.11% 0.0064 43.72);
  --warning: oklch(82.03% 0.1406 51.13);
  --warning-foreground: oklch(21.03% 0.0059 51.13);
}