:root {
  /* ── 브랜드 — 토스 블루 ── */
  --ga-primary:        #3182F6;
  --ga-primary-hover:  #1B64DA;
  --ga-primary-light:  #EBF3FF;
  --ga-primary-dark:   #0E4FC4;

  /* ── 시맨틱 ── */
  --ga-success:        #13B47A;
  --ga-success-bg:     #E8FAF3;
  --ga-success-border: #A3E6C8;

  --ga-warning:        #F2A024;
  --ga-warning-bg:     #FFF6E6;
  --ga-warning-border: #F6D08A;

  --ga-danger:         #F04452;
  --ga-danger-bg:      #FEF0F1;
  --ga-danger-border:  #F9B0B6;

  --ga-info:           #3182F6;
  --ga-info-bg:        #EBF3FF;
  --ga-info-border:    #A8CAFE;

  /* ── Neutral Gray — 토스 팔레트 ── */
  --ga-gray-50:  #F9FAFB;
  --ga-gray-100: #F2F4F6;
  --ga-gray-200: #E5E8EB;
  --ga-gray-300: #D1D6DB;
  --ga-gray-400: #B0B8C1;
  --ga-gray-500: #8B95A1;
  --ga-gray-600: #4E5968;
  --ga-gray-700: #333D4B;
  --ga-gray-800: #191F28;
  --ga-gray-900: #191F28;

  /* ── 금액 색상 ── */
  --ga-money-plus:  #13B47A;
  --ga-money-minus: #F04452;
  --ga-money-zero:  #8B95A1;

  /* ── 레이아웃 ── */
  --ga-sider-width:           240px;
  --ga-sider-collapsed-width: 64px;
  --ga-header-height:         56px;
  --ga-content-padding:       24px;
  --ga-page-max-width:        1440px;

  /* ── Spacing ── */
  --ga-space-1:  4px;
  --ga-space-2:  8px;
  --ga-space-3: 12px;
  --ga-space-4: 16px;
  --ga-space-6: 24px;
  --ga-space-8: 32px;
  --ga-space-12: 48px;
  --ga-space-16: 64px;

  /* ── Border Radius — 토스 비율 ── */
  --ga-radius-sm:  8px;
  --ga-radius-md: 12px;
  --ga-radius-lg: 16px;
  --ga-radius-xl: 20px;

  /* ── Shadow — 매우 옅게 합성 ── */
  --ga-shadow-sm: 0 1px 3px rgba(0,0,0,0.04), 0 4px 16px rgba(0,0,0,0.04);
  --ga-shadow-md: 0 2px 8px rgba(0,0,0,0.06), 0 8px 24px rgba(0,0,0,0.06);
  --ga-shadow-lg: 0 4px 16px rgba(0,0,0,0.10), 0 16px 48px rgba(0,0,0,0.08);
}
