@charset "utf-8"; /* variable.css */

@font-face {
  font-family: "Pretendard";
  src: url("/fonts/PretendardVariable.woff2") format("woff2");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

/* =========================
   Root Variables
========================= */
:root {
  /* Color System */
  --color-primary: #c6e574;
  --color-secondary: #d4a9f3;

  --color-danger: #ef4444;
  --color-warning: #f59e0b;

  /* Gray Scale */
  --color-white: #fff;
  --color-black: #222;
  --color-gray-800: #888;
  --color-gray-900: #999;

  /* Typography */
  --font-family-base: "Pretendard", system-ui, sans-serif;

  --font-size-xs: 12px;
  --font-size-sm: 14px;
  --font-size-md: 16px;
  --font-size-lg: 18px;
  --font-size-xl: 20px;

  --font-weight-regular: 400;
  --font-weight-medium: 500;
  --font-weight-bold: 700;

  --line-height-base: 1.5;

  /* Spacing (8px 기준) */
  --spacing-1: 4px;
  --spacing-2: 8px;
  --spacing-3: 12px;
  --spacing-4: 16px;
  --spacing-5: 20px;
  --spacing-6: 24px;

  /* Border Radius */
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-full: 9999px;

  /* Shadow */
  --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.05);
  --shadow-md: 0 4px 6px rgba(0, 0, 0, 0.1);
  --shadow-lg: 0 10px 15px rgba(0, 0, 0, 0.15);

  /* Transition */
  --transition-fast: 0.15s ease;
  --transition-base: 0.3s ease;
}