/* ==========================================================================
   theme-tokens.css — shadcn/ui 스타일 디자인 토큰 (Blue eclipse 팔레트)
   --------------------------------------------------------------------------
   Figma "Blue eclipse" 조합 기반:
     #0F0E47 딥네이비 · #272757 다크인디고 · #505081 미드인디고 · #8686AC 페리윙클
   - primary(강조): 라이트=다크인디고 #272757 / 다크=페리윙클 #8686AC
   - brand(로고): 라이트=다크인디고 / 다크=페리윙클
   - 중성(neutral)은 인디고 틴트가 들어간 라벤더-그레이 계열
   ========================================================================== */

:root {
  /* Surface */
  --background:            #f5f5fb;
  --foreground:            #0f0e47;
  --card:                  #ffffff;
  --card-foreground:       #0f0e47;
  --popover:               #ffffff;
  --popover-foreground:    #0f0e47;

  /* Primary — 다크 인디고 */
  --primary:               #272757;
  --primary-hover:         #34346b;
  --primary-foreground:    #ffffff;

  /* Brand — 로고 등 브랜드 마크 전용 */
  --brand:                 #272757;

  /* Secondary / muted / accent — 라벤더 그레이 */
  --secondary:             #e6e6f2;
  --secondary-foreground:  #272757;
  --muted:                 #eeeef5;
  --muted-foreground:      #5b5b82;
  --accent:                #e6e6f2;
  --accent-foreground:     #272757;

  /* Destructive */
  --destructive:           #dc2626;
  --destructive-foreground:#ffffff;

  /* Success (공개/긍정 배지) */
  --success:               #2f8f5b;
  --success-foreground:    #ffffff;

  /* Lines */
  --border:                #dcdce9;
  --input:                 #dcdce9;
  --ring:                  #505081;

  /* Radius — shadcn 기본 0.5rem */
  --radius:                0.5rem;
  --radius-sm:             calc(var(--radius) - 2px);
  --radius-lg:             calc(var(--radius) + 2px);

  /* Shadow — shadcn subtle */
  --shadow-sm:             0 1px 2px 0 rgb(0 0 0 / 0.05);
  --shadow:                0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
  --shadow-md:             0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
  --shadow-lg:             0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
}

[data-theme="dark"] {
  --background:            #0c0b33;  /* 딥 인디고 */
  --foreground:            #e8e8f2;
  --card:                  #1b1a4d;  /* 인디고, 살짝 띄움 */
  --card-foreground:       #e8e8f2;
  --popover:               #1b1a4d;
  --popover-foreground:    #e8e8f2;

  --primary:               #8686ac;  /* 다크 primary = 페리윙클 */
  --primary-hover:         #9a9abf;
  --primary-foreground:    #0f0e47;  /* 페리윙클 위 딥네이비 텍스트 */

  --brand:                 #a3a3c8;  /* 다크 로고 = 밝은 페리윙클 */

  --secondary:             #2a2a5e;
  --secondary-foreground:  #e8e8f2;
  --muted:                 #2a2a5e;
  --muted-foreground:      #9494bb;
  --accent:                #32326a;
  --accent-foreground:     #e8e8f2;

  --destructive:           #f87171;
  --destructive-foreground:#0c0b33;

  --success:               #5cc98a;
  --success-foreground:    #0c0b33;

  --border:                #2f2f66;
  --input:                 #2f2f66;
  --ring:                  #8686ac;

  --shadow-sm:             0 1px 2px 0 rgb(0 0 0 / 0.4);
  --shadow:                0 1px 3px 0 rgb(0 0 0 / 0.5), 0 1px 2px -1px rgb(0 0 0 / 0.5);
  --shadow-md:             0 4px 6px -1px rgb(0 0 0 / 0.5), 0 2px 4px -2px rgb(0 0 0 / 0.5);
  --shadow-lg:             0 10px 15px -3px rgb(0 0 0 / 0.6), 0 4px 6px -4px rgb(0 0 0 / 0.6);
}