@import "tailwindcss";
@plugin "daisyui";

@plugin "daisyui/theme" {
  name: "ahuonline";
  default: true;
  prefersdark: true;
  color-scheme: "dark";
  --color-base-100: #0d0f14;
  --color-base-200: #141820;
  --color-base-300: #1d2330;
  --color-base-content: #f7f9fc;
  --color-primary: #f6b93b;
  --color-primary-content: #1c1402;
  --color-secondary: #ee445c;
  --color-secondary-content: #fff7f8;
  --color-accent: #5ad2ff;
  --color-accent-content: #01151d;
  --color-neutral: #1e2129;
  --color-neutral-content: #f5f5f5;
  --color-info: #58b4ff;
  --color-info-content: #041424;
  --color-success: #7dd87d;
  --color-success-content: #081b08;
  --color-warning: #fbd54a;
  --color-warning-content: #2a1b00;
  --color-error: #ff5b5b;
  --color-error-content: #220202;
  --radius-selector: 0.35rem;
  --radius-field: 0.5rem;
  --radius-box: 1.5rem;
  --size-selector: 0.75rem;
  --size-field: 0.75rem;
  --border: 1px;
  --depth: 0.25;
  --noise: 0;
}

@layer base {
  :root {
    font-family: 'Poppins', 'Inter', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  }

  body {
    @apply min-h-screen bg-base-200 text-base-content antialiased;
    background-image: radial-gradient(circle at 20% 20%, rgba(255, 255, 255, 0.08), transparent 40%),
      radial-gradient(circle at 80% 0%, rgba(255, 166, 0, 0.25), transparent 45%),
      linear-gradient(180deg, #0a0d13 0%, #050607 65%, #080a10 100%);
  }
}

@layer components {
  .ahu-surface {
    @apply bg-base-100/60 backdrop-blur border border-white/5 shadow-[0_25px_60px_rgba(0,0,0,0.45)] rounded-3xl;
  }

  .ahu-section-title {
    @apply text-3xl lg:text-4xl font-semibold text-white tracking-wide;
  }

  .ahu-subtitle {
    @apply text-base lg:text-lg text-white/70;
  }

  .ahu-glow-card {
    @apply rounded-3xl border border-white/5 bg-gradient-to-b from-white/5 to-white/0 shadow-inner shadow-black/50;
  }

  .ahu-divider {
    @apply border-b border-white/10;
  }

  .ahu-grid-icon {
    @apply flex flex-col items-center justify-center gap-2 text-center text-white/90 p-4 rounded-2xl transition-all duration-300 hover:-translate-y-1 hover:shadow-[0_15px_40px_rgba(0,0,0,0.35)];
  }

  label.form-control {
    @apply flex flex-col gap-1 text-sm;
  }

  label.form-control .label-text,
  label.form-control > span:first-child {
    @apply block text-[0.7rem] font-semibold uppercase tracking-[0.3em] mb-1;
  }

}

@layer utilities {
  .btn {
    @apply min-h-0 h-10 px-4 text-sm font-medium rounded-xl;
  }

  .btn.btn-lg {
    @apply h-11 px-6 text-base;
  }

  :where(.input, .select, textarea) {
    @apply min-h-0 h-10 text-sm rounded-xl;
  }

  .badge {
    @apply h-6 px-3 text-xs font-semibold rounded-full;
  }
}