@import "tailwindcss";

@theme {
  /* Rain Plume 커스텀 컬러 시스템 - TailwindCSS v4 방식 */
  
  /* Primary colors (Black - 깃털) */
  --color-primary-50: #F8F8F8;
  --color-primary-100: #E8E8E8;
  --color-primary-200: #D1D1D1;
  --color-primary-300: #BABABA;
  --color-primary-400: #9E9E9E;
  --color-primary-500: #6B6B6B;
  --color-primary-600: #525252;
  --color-primary-700: #404040;
  --color-primary-800: #262626;
  --color-primary-900: #000000;
  --color-primary-950: #000000;
  --color-primary: #000000;

  /* Electric colors (전기적 마젠타) */
  --color-electric-50: #FFF0FF;
  --color-electric-100: #FFE1FF;
  --color-electric-200: #FFC2FF;
  --color-electric-300: #FF94FF;
  --color-electric-400: #FF56FF;
  --color-electric-500: #FF00FF;
  --color-electric-600: #E600E6;
  --color-electric-700: #CC00CC;
  --color-electric-800: #B300B3;
  --color-electric-900: #8A008A;
  --color-electric-950: #660066;
  --color-electric: #FF00FF;

  /* Neon colors (네온 시안) */
  --color-neon-50: #F0FFFF;
  --color-neon-100: #E1FFFF;
  --color-neon-200: #C2FFFF;
  --color-neon-300: #94FFFF;
  --color-neon-400: #56FFFF;
  --color-neon-500: #00FFFF;
  --color-neon-600: #00E6E6;
  --color-neon-700: #00CCCC;
  --color-neon-800: #00B3B3;
  --color-neon-900: #008A8A;
  --color-neon-950: #006666;
  --color-neon: #00FFFF;

  /* Lime colors (라임 그린) */
  --color-lime-50: #F0FFF0;
  --color-lime-100: #E1FFE1;
  --color-lime-200: #C2FFC2;
  --color-lime-300: #94FF94;
  --color-lime-400: #56FF56;
  --color-lime-500: #32FF32;
  --color-lime-600: #00E600;
  --color-lime-700: #00CC00;
  --color-lime-800: #00B300;
  --color-lime-900: #008A00;
  --color-lime-950: #006600;
  --color-lime: #32FF32;

  /* Gold colors (골드) */
  --color-gold-50: #FFFEF0;
  --color-gold-100: #FFFDE1;
  --color-gold-200: #FFFAC2;
  --color-gold-300: #FFF694;
  --color-gold-400: #FFF156;
  --color-gold-500: #FFD700;
  --color-gold-600: #E6C200;
  --color-gold-700: #CCAD00;
  --color-gold-800: #B39900;
  --color-gold-900: #8A7500;
  --color-gold-950: #665600;
  --color-gold: #FFD700;

  /* Fire colors (파이어 레드) */
  --color-fire-50: #FFF3F0;
  --color-fire-100: #FFE6E1;
  --color-fire-200: #FFCCC2;
  --color-fire-300: #FF9994;
  --color-fire-400: #FF6656;
  --color-fire-500: #FF3300;
  --color-fire-600: #E62E00;
  --color-fire-700: #CC2900;
  --color-fire-800: #B32400;
  --color-fire-900: #8A1C00;
  --color-fire-950: #661500;
  --color-fire: #FF3300;

  /* Font families */
  --font-sans: "Inter", "system-ui", "sans-serif";
  --font-display: "Montserrat", "system-ui", "sans-serif";
}