@charset "utf-8";

/* ==========================================================================
   POPPLE — brand.css
   --------------------------------------------------------------------------
   shared/css/base.css 다음에 로드한다. 이 파일은 토큰만 덮어쓴다.
   레이아웃 · 컴포넌트 규칙을 여기에 쓰지 말 것 (그건 base.css 의 일이다).

   브랜드 컬러는 poppleonline.com 실사용 값 기준 (#8139FA).
   임의로 바꾸지 않는다.
   ========================================================================== */
:root {
  --color-primary:        #8139FA;
  --color-primary-dark:   #6A20E0;
  --color-primary-deep:   #3B0B84;
  --color-primary-light:  #F3EAFF;
  --color-primary-tint:   #FAF6FF;

  --color-primary-border:      #EADFFF;
  --color-primary-border-soft: #E7DBFF;
  --color-primary-hover-soft:  #F6F0FF;
  --color-primary-on-deep:     #D9C2FF;

  --color-secondary:       #1066D6;
  --color-secondary-light: #EAF2FE;

  /* Hero 비주얼 프레임 — 브랜드 딥퍼플 그라데이션 */
  --grad-visual-from: #2B1055;
  --grad-visual-to:   #5B21C9;

  --sh-cta:     0 6px 18px rgba(129, 57, 250, .32);
  --ring-brand: 0 0 0 4px rgba(129, 57, 250, .18);
  --ring-focus: 0 0 0 3px rgba(129, 57, 250, .16);
}