/* =============================================
   ADCORP Design Tokens
   ============================================= */

:root {
  /* Color — derived from the actual ADCORP logo (images/brand/*) */
  --color-brand:        #FF3659;
  --color-brand-dark:   #E01B45;
  --color-brand-light:  #FFECEF;
  --color-accent:       #FF3659;
  --color-kakao:        #FEE500;
  --color-kakao-text:   #191600;

  --color-status-good:  #22C55E;
  --color-status-warn:  #FF3659;
  --color-status-mid:   #EAB308;

  --color-dark:         #2B2D42;
  --color-navy:         #101828;   /* 다크 밴드·히어로 배경 (페이지별 --navy 통합) */
  --color-navy:         #101828;   /* 다크 밴드·히어로 배경 (페이지별 --navy 통합) */
  --color-gray-900:     #22243A;
  --color-gray-700:     #444444;
  --color-gray-500:     #888888;
  --color-gray-300:     #CCCCCC;
  --color-gray-100:     #F5F5F5;
  --color-white:        #FFFFFF;

  --color-surface:      #FFFFFF;
  --color-surface-alt:  #F8F9FF;
  --color-border:       #E5E7EB;

  /* Typography */
  /* CDN이 선언하는 이름은 'Pretendard Variable' 뿐이다.
     'Pretendard'만 적으면 웹폰트를 못 잡고 시스템 폰트로 떨어진다. */
  --font-sans:   'Pretendard Variable', 'Pretendard', 'Noto Sans KR', 'Apple SD Gothic Neo', sans-serif;

  --text-xs:     0.75rem;   /* 12px */
  --text-sm:     0.875rem;  /* 14px */
  --text-base:   1rem;      /* 16px */
  --text-lg:     1.125rem;  /* 18px */
  --text-xl:     1.25rem;   /* 20px */
  --text-2xl:    1.5rem;    /* 24px */
  --text-3xl:    1.875rem;  /* 30px */
  --text-4xl:    2.25rem;   /* 36px */
  --text-5xl:    3rem;      /* 48px */
  --text-6xl:    3.75rem;   /* 60px */

  --fw-regular:  400;
  --fw-medium:   500;
  --fw-semibold: 600;
  --fw-bold:     700;
  --fw-black:    900;

  --leading-tight:  1.2;
  --leading-snug:   1.35;
  --leading-normal: 1.6;
  --leading-loose:  1.8;

  /* Spacing */
  --space-1:   0.25rem;
  --space-2:   0.5rem;
  --space-3:   0.75rem;
  --space-4:   1rem;
  --space-5:   1.25rem;
  --space-6:   1.5rem;
  --space-7:   1.75rem;
  --space-8:   2rem;
  --space-10:  2.5rem;
  --space-12:  3rem;
  --space-16:  4rem;
  --space-20:  5rem;
  --space-24:  6rem;
  --space-32:  8rem;

  /* Section vertical rhythm */
  --section-py:      clamp(4rem, 8vw, 7rem);
  --section-py-sm:   clamp(2.5rem, 5vw, 4rem);

  /* Container */
  --container-max:   1200px;
  --container-px:    clamp(1.25rem, 5vw, 2.5rem);

  /* Radius */
  --radius-sm:   8px;
  --radius-md:   16px;
  --radius-lg:   24px;
  --radius-xl:   24px;   /* lg와 동일 — 단계는 8/16/24/999 넷뿐 */
  --radius-full: 999px;

  /* Shadow */
  --shadow-sm:  0 1px 3px rgba(15,23,42,.08);
  --shadow-md:  0 4px 16px rgba(15,23,42,.10);
  --shadow-lg:  0 12px 40px rgba(15,23,42,.12);
  --shadow-brand: 0 8px 32px rgba(255,54,89,.24);

  /* Transition */
  --duration-fast:   150ms;
  --duration-normal: 280ms;
  --ease-out:        cubic-bezier(0.16, 1, 0.3, 1);
}