@import "tailwindcss";

@theme {
  --color-primary: #1A1A2E;
  --color-primary-light: #2D2D4A;
  --color-primary-dark: #12121F;
  --color-accent: #E8B830;
  --color-accent-light: #F0CC5C;
  --color-surface: #F5F5F0;
  --color-surface-dark: #16162A;
  --color-danger: #E74C3C;
  --color-success: #2ECC71;

  --font-sans: 'Pretendard', ui-sans-serif, system-ui, sans-serif;
}

@layer base {
  .spotlight-bg {
    background: radial-gradient(ellipse at 50% 0%, rgba(232,184,48,0.08) 0%, transparent 60%),
                radial-gradient(ellipse at 80% 20%, rgba(232,184,48,0.04) 0%, transparent 40%),
                #1A1A2E;
  }
}