:root {
          /* Red 팔레트 */
  --red-50: #fef2f2;
  --red-100: #fee2e2;
  --red-200: #fecaca;
  --red-300: #fca5a5;
  --red-400: #f87171;
  --red-500: #ef4444;
  --red-600: #dc2626;
  --red-700: #b91c1c;
  --red-800: #991b1b;
  --red-900: #7f1d1d;
  --red-950: #450a0a;

    /* Orange 팔레트 */
    --orange-50: #fff7ed;
    --orange-100: #ffedd5;
    --orange-200: #fed7aa;
    --orange-300: #fdba74;
    --orange-400: #fb923c;
    --orange-500: #f97316;
    --orange-600: #ea580c;
    --orange-700: #c2410c;
    --orange-800: #9a3412;
    --orange-900: #7c2d12;
    --orange-950: #431407;


  /* Blue 팔레트 */
  --blue-50: #eff6ff;
  --blue-100: #dbeafe;
  --blue-200: #bfdbfe;
  --blue-300: #93c5fd;
  --blue-400: #60a5fa;
  --blue-500: #3b82f6;
  --blue-600: #2563eb;
  --blue-700: #1d4ed8;
  --blue-800: #1e40af;
  --blue-900: #1e3a8a;
  --blue-950: #172554;

    /* Green 팔레트 */
    --green-50: #f0fdf4;
    --green-100: #dcfce7;
    --green-200: #bbf7d0;
    --green-300: #86efac;
    --green-400: #4ade80;
    --green-500: #22c55e;
    --green-600: #16a34a;
    --green-700: #15803d;
    --green-800: #166534;
    --green-900: #14532d;
    --green-950: #052f16;

    /* Surface palette (0=밝음 ~ 950=어두움) */
    --surface-0: #ffffff;
    --surface-50: #f9fafb;
    --surface-100: #F5F5F5;
    --surface-200: #EBEBEB;
    --surface-300: #E0E0E0;
    --surface-400: #D1D1D1;
    --surface-500: #BDBDBD;
    --surface-600: #4b5563;
    --surface-700: #616161;
    --surface-800: #1f2937;
    --surface-900: #242424;
    --surface-950: #0a0a0a;

    /* Brand & Semantic colors */
    --jeju-navy: #091661;
    --jeju-orange: #EE760A;
    --jeju-red: #E0002A;
    --primary-color: var(--jeju-orange);
    --secondary-color: #facc15;   /* yellow/400 */
    --danger: var(--red-500);            /* red/500 */
    --info: var(--blue-500);              /* blue/500 */
    --warning: var(--orange-500);            /* orange/500 */
    --success: var(--green-500);           /* green/500 */
    --transparency: #FFFFFF;


  
}