/* Newve Clinic — Design Tokens
 * Source: 한국어 사이트 디자인 추출 (docs/design-system-extracted.md)
 */

:root {
  /* ── Colors ──────────────────────────────────────────── */
  --newve-primary:        #bda363;  /* Gold — CTA, links, hover */
  --newve-primary-hover:  #a48a4d;  /* Gold darker (computed) */
  --newve-dark:           #121212;  /* Dark BG, dark buttons */
  --newve-text:           #212121;  /* Body text */
  --newve-bg-light:       #f6f5f2;  /* Section beige */
  --newve-bg-footer:      #1d1c19;  /* Near-black footer */
  --newve-white:          #ffffff;
  --newve-warning:        #d68c0c;
  --newve-gray-1:         #888888;
  --newve-gray-2:         #757575;
  --newve-gray-3:         #999999;
  --newve-gray-4:         #cccccc;

  --newve-overlay-header: rgba(0, 0, 0, 0.30);
  --newve-overlay-mobile: rgba(0, 0, 0, 0.25);
  --newve-overlay-form:   rgba(36, 36, 36, 0.70);

  /* ── Typography ──────────────────────────────────────── */
  --newve-font: 'Pretendard Variable', 'Pretendard',
                -apple-system, BlinkMacSystemFont, system-ui,
                Roboto, 'Helvetica Neue', 'Apple SD Gothic Neo', sans-serif;

  --newve-fs-small:   12px;
  --newve-fs-body:    14px;
  --newve-fs-regular: 16px;
  --newve-fs-h3:      20px;
  --newve-fs-h2:      28px;
  --newve-fs-h1:      40px;
  --newve-fs-display: 56px;

  --newve-fw-light:    300;
  --newve-fw-regular:  400;
  --newve-fw-medium:   500;
  --newve-fw-semibold: 600;
  --newve-fw-bold:     700;
  --newve-fw-extrabold:800;

  --newve-lh-tight:  1.2;
  --newve-lh-base:   1.6;

  /* ── Layout ──────────────────────────────────────────── */
  --newve-container:        1280px;
  --newve-pad-desktop:      15px;
  --newve-pad-mobile:       20px;
  --newve-side-space:       24px;
  --newve-section-py:       80px;
  --newve-section-py-mobile:48px;
  --newve-header-height:    128px;
  --newve-header-height-mobile: 64px;

  /* ── UI ──────────────────────────────────────────────── */
  --newve-radius:           0;
  --newve-radius-modal:     3px;
  --newve-radius-circle:    50%;
  --newve-shadow-modal:     0 5px 15px rgba(0, 0, 0, 0.2);
  --newve-shadow-card:      0 2px 8px rgba(0, 0, 0, 0.06);
  --newve-divider:          inset 0 -1px 0 0 rgba(0, 0, 0, 0.1);
  --newve-transition:       0.3s ease;
  --newve-transition-slow:  0.7s ease;

  /* ── Z-index ─────────────────────────────────────────── */
  --newve-z-header:   100;
  --newve-z-modal:    1000;
  --newve-z-overlay:  900;
}

/* ── Breakpoint helpers (used as media queries in main.css) ─
 * Desktop:  min-width: 992px
 * Tablet:   min-width: 767px
 * Mobile:   max-width: 991px
 */