@import "tailwindcss";
@import "tw-animate-css";

:root {
  /* Brand Core Colors */
  --blue: #1c2a4a;
  --red: #A41623;
  --yellow: #FDE63A;
  --white: #F8F8F8;
  --black: #02040F;

  --radius: 0.75rem;
  --background: oklch(1 0 0);
  --body-background: #151515;
  --foreground: oklch(0.145 0 0);
  
  /* Primary Colors */
  --primary: var(--blue);
  --primary-foreground: var(--white);
  --secondary: oklch(0.97 0 0);
  --secondary-foreground: var(--black);
  
  /* Accent Colors */
  --accent: var(--yellow);
  --accent-foreground: var(--black);
  --destructive: var(--red);
  
  /* UI Elements */
  --muted: oklch(0.97 0 0);
  --muted-foreground: oklch(0.556 0 0);
  --border: oklch(0.922 0 0);
  --input: oklch(0.922 0 0);
  --ring: oklch(0.708 0 0);
}

.dark {
  --background: var(--black);
  --foreground: var(--white);
  --primary: var(--blue);
  --primary-foreground: var(--white);
  --secondary: oklch(0.269 0 0);
  --secondary-foreground: var(--white);
  --muted: oklch(0.269 0 0);
  --muted-foreground: oklch(0.708 0 0);
  --accent: var(--yellow);
  --accent-foreground: var(--black);
  --destructive: var(--red);
  --border: oklch(1 0 0 / 10%);
  --input: oklch(1 0 0 / 15%);
  --ring: oklch(0.556 0 0);
}

@layer base {
  * {
    @apply border-border outline-ring/50;
  }
  body {
    @apply bg-background text-foreground;
    font-family: 'Geist Sans', system-ui, -apple-system, sans-serif;
  }
  button:hover {
    cursor: pointer;
  }
}

@layer utilities {
  .no-transition * {
    transition: none !important;
    animation: none !important;
  }
}

.hero-gradient {
  background: radial-gradient(circle at top right, var(--primary) / 15%, transparent 50%),
              radial-gradient(circle at bottom left, var(--accent) / 10%, transparent 50%);
}