/* =========================================================
   UiPartners Theme — Design Tokens
   브랜드 블루(#00abf0)는 기존 로고 색상 실측값
   ========================================================= */
@property --p {
  syntax: '<number>';
  inherits: true;
  initial-value: 0;
}

:root {
  /* 어두운 바탕 */
  --ui-bg: #05070d;
  --ui-bg-2: #0a0f1c;
  --ui-bg-3: #101828;
  --ui-surface: rgba(255, 255, 255, .035);
  --ui-surface-2: rgba(255, 255, 255, .06);
  --ui-line: rgba(255, 255, 255, .09);
  --ui-line-2: rgba(255, 255, 255, .16);
  --ui-text: #eef2f9;
  --ui-text-2: #a9b4c8;
  --ui-text-3: #7f8aa0;

  /* 브랜드 */
  --ui-brand: #00abf0;
  --ui-brand-2: #38c4ff;
  --ui-brand-ink: #03131c;
  --ui-brand-soft: rgba(0, 171, 240, .14);
  --ui-violet: #6f6cff;
  --ui-lilac: #b48cff;
  --ui-gold: #d9b46c;
  --ui-gold-soft: rgba(217, 180, 108, .16);
  --ui-grad: linear-gradient(115deg, #38c4ff 0%, #00abf0 30%, #6f6cff 70%, #b48cff 100%);
  --ui-grad-soft: linear-gradient(115deg, rgba(0, 171, 240, .22), rgba(111, 108, 255, .18));

  /* 밝은 바탕 */
  --ui-light: #f4f6fa;
  --ui-light-2: #ffffff;
  --ui-ink: #0b1220;
  --ui-ink-2: #46526a;
  --ui-ink-3: #5f6b82; /* 밝은 바탕 #f4f6fa 대비 4.96:1 (이전 #66728a 4.47:1) */
  --ui-ink-line: #e2e7ef;
  --ui-brand-dark: #0072a8;

  /* 형태 */
  --ui-radius-xs: 8px;
  --ui-radius-sm: 12px;
  --ui-radius: 20px;
  --ui-radius-lg: 28px;
  --ui-container: 1240px;
  --ui-gutter: clamp(16px, 4vw, 40px);
  --ui-header-h: 88px;
  --ui-section-y: clamp(80px, 11vw, 150px);

  /* 모션 */
  --ui-ease: cubic-bezier(.2, .7, .2, 1);
  --ui-ease-out: cubic-bezier(.16, 1, .3, 1);
  --ui-dur: .9s;

  /* 타이포 */
  --ui-font: 'Pretendard Variable', Pretendard, -apple-system, BlinkMacSystemFont, 'Apple SD Gothic Neo', 'Noto Sans KR', 'Malgun Gothic', 'Segoe UI', sans-serif;
  --ui-mono: 'SFMono-Regular', Menlo, Consolas, monospace;

  --ui-shadow: 0 40px 100px -40px rgba(0, 0, 0, .75);
  --ui-shadow-light: 0 30px 60px -30px rgba(15, 30, 60, .25);
}

@media (max-width: 767px) {
  :root {
    --ui-header-h: 64px;
  }
}