/* =============================================
   OliveYoung Design System — CSS Tokens
   Based on oliveyoung-brand.design.md
   ============================================= */

:root {
  /* Brand Colors */
  --green:          #9BCA3C;
  --green-dark:     #7BA830;
  --green-light:    #B8DC6F;
  --orange:         #FF6B35;
  --orange-hover:   #E55A2B;
  --orange-active:  #CC4F25;

  /* Surface */
  --white:          #FFFFFF;
  --snow:           #F7F8FA;
  --mist:           #EBEDF0;

  /* Text */
  --ink:            #1A1A1A;
  --slate:          #666666;
  --silver:         #999999;
  --inverse:        #FFFFFF;

  /* Border */
  --border:         #E0E0E0;
  --border-focus:   #9BCA3C;

  /* Semantic */
  --success:        #2ECC71;
  --warning:        #F39C12;
  --error:          #E74C3C;
  --info:           #3498DB;

  /* Sidebar */
  --sidebar-bg:     #1A1A2E;
  --sidebar-text:   #C0C0D0;
  --sidebar-active: #FFFFFF;

  /* Elevation */
  --shadow-1: 0 1px 3px rgba(0,0,0,0.08), 0 1px 2px rgba(0,0,0,0.06);
  --shadow-2: 0 4px 12px rgba(0,0,0,0.08), 0 2px 4px rgba(0,0,0,0.04);
  --shadow-3: 0 12px 24px rgba(0,0,0,0.10), 0 4px 8px rgba(0,0,0,0.06);

  /* Radius */
  --radius-sm:  8px;
  --radius-md:  12px;
  --radius-pill: 20px;

  /* Transition */
  --t-fast:   150ms ease-out;
  --t-normal: 300ms ease-out;

  /* Typography */
  --font-base: 'Pretendard', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;

  /* Spacing */
  --sp-1:  4px;
  --sp-2:  8px;
  --sp-3:  12px;
  --sp-4:  16px;
  --sp-5:  20px;
  --sp-6:  24px;
  --sp-8:  32px;
  --sp-10: 40px;
  --sp-12: 48px;

  /* Cluster Colors */
  --cluster-a-bg:     #FDECEA;
  --cluster-a-bar:    #E74C3C;
  --cluster-a-text:   #7B1A1A;

  --cluster-b-bg:     #FEF0EA;
  --cluster-b-bar:    #FF6B35;
  --cluster-b-text:   #7A2E00;

  --cluster-c-bg:     #FEFBE6;
  --cluster-c-bar:    #F1C40F;
  --cluster-c-text:   #7A6000;

  --cluster-d-bg:     #E8F2FB;
  --cluster-d-bar:    #3498DB;
  --cluster-d-text:   #1A3A5C;

  /* Strategy (전략구분) — 글로벌 통합 강조용 보라 계열, 플랫폼 최적화 무채색 */
  --strategy-global-bg:     #EDE9FB;
  --strategy-global-bar:    #6E5CD4;
  --strategy-global-text:   #2E2070;
  --strategy-global-row-bg: rgba(110, 92, 212, 0.05);

  --strategy-platform-bg:   #F1F2F4;
  --strategy-platform-text: #6F7480;
}