/* ── 공통 ── */
:root {
  --lime: #BEFF00;
  --lime-dim: #9FD900;
  --lime-glow: rgba(190, 255, 0, 0.15);
  --lime-border: rgba(190, 255, 0, 0.25);

  --orange: #FF6B35;
  --purple: #B388FF;
  --blue: #4FC3F7;
  --yellow: #FFD60A;

  --radius-sm: 10px;
  --radius: 16px;
  --radius-lg: 24px;
  --radius-xl: 32px;

  --shadow-lime: 0 12px 40px rgba(190, 255, 0, 0.25);
  --font: 'Pretendard Variable', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --nav-height: 64px;
}

/* ── 다크 테마 (기본) ── */
:root,
[data-theme="dark"] {
  --bg:    #080808;
  --dark:  #080808;
  --dark2: #111111;
  --dark3: #1A1A1A;
  --dark4: #222222;
  --dark5: #2A2A2A;

  --border:       rgba(255, 255, 255, 0.08);
  --border-hover: rgba(255, 255, 255, 0.14);

  --text:  #F5F5F5;
  --text2: rgba(255, 255, 255, 0.55);
  --text3: rgba(255, 255, 255, 0.28);

  --shadow: 0 20px 60px rgba(0, 0, 0, 0.5);

  --theme-icon: '☀️';
  --nav-bg: rgba(8, 8, 8, 0.75);
}

/* ── 라이트 테마 ── */
[data-theme="light"] {
  --bg:    #F4F4F0;
  --dark:  #FFFFFF;
  --dark2: #F8F8F5;
  --dark3: #FFFFFF;
  --dark4: #F0F0EC;
  --dark5: #E8E8E4;

  --border:       rgba(0, 0, 0, 0.09);
  --border-hover: rgba(0, 0, 0, 0.16);

  --text:  #0A0A0A;
  --text2: rgba(0, 0, 0, 0.52);
  --text3: rgba(0, 0, 0, 0.28);

  --shadow: 0 20px 60px rgba(0, 0, 0, 0.12);

  /* 라이트 모드에서 lime → 핑크 (가독성) */
  --lime:        #FF2D78;
  --lime-dim:    #E6216A;
  --lime-glow:   rgba(255, 45, 120, 0.12);
  --lime-border: rgba(255, 45, 120, 0.25);
  --shadow-lime: 0 12px 40px rgba(255, 45, 120, 0.25);

  --theme-icon: '🌙';
  --nav-bg: rgba(244, 244, 240, 0.85);
}