/* =====================================================================
   brand.css  —  디자인 토큰(값)만. 색 · 폰트 · 그라디언트.
   원칙: 토큰은 적게, 컴포넌트는 많이. 토큰 1개만 바꾸면 전체 스킨이 바뀐다.
   (AI 자가진단 랜딩 — 디자인 기획안 확정 팔레트를 nude 토큰 구조로 이식.
    기존 개인회생 랜딩의 파랑 단색 체계에서 블루/틸/그린/민트 + 네이비
    그라데이션 체계로 확장)
===================================================================== */

/* ---------- [1] PALETTE — 원재료 색상 ---------- */
:root{
  /* Primary 계열 (블루) */
  --primary:        #185FA5;            /* 메인 블루 (그라데이션 시작·보조 텍스트) */
  --primary-bright: #0b5bd3;            /* CTA·강조 텍스트·링크 (디자인 기획 Primary Blue) */
  --primary-strong: #0e3b64;            /* Navy — 카드 헤드라인·그라데이션 중간 */
  --primary-soft:   rgba(11,91,211,.08);
  --primary-bg:     #eaf2ff;            /* 옅은 파랑 (아이콘 박스 배경 등) */
  --primary-border: #bcd5ff;
  --primary-text:   #185FA5;

  /* Navy 그라데이션 계열 ('결정적 순간' — 결과카드·CTA블록·네이비 박스) */
  --navy:           #0e3b64;            /* 그라데이션 중간색 */
  --navy-deep:      #042C53;            /* Deep Navy — 그라데이션 끝색 */
  --navy-lift:      #185FA5;            /* 그라데이션 시작(밝은 쪽) */

  /* Green/Mint 계열 (포인트 — 게이지·테두리 그라데이션·강조 숫자) */
  --green:          #1D9E75;            /* Deep Green — 밝은 배경 위 포인트 */
  --green-teal:     #2E9F9A;            /* 그린→블루 테두리 중간 틸 */
  --mint:           #9FE1CB;            /* Light Mint — 어두운 배경 위 강조 숫자/헤드 */
  --sky:            #378ADD;            /* 테두리 그라데이션 블루 끝 */
  --sky-soft:       #85B7EB;            /* 폰목업 내부 화살표 등 옅은 하늘색 */

  /* Coral (신청불가 판정 — 결과페이지에서 사용, 랜딩엔 미사용이나 토큰 예약) */
  --coral:          #D85A30;

  /* Neutral scale (쿨 그레이) */
  --neutral-900:#0b2540;
  --neutral-800:#233043;
  --neutral-700:#33415a;                /* 후기 본문 등 */
  --neutral-600:#5d6b7a;                /* 보조 텍스트 (디자인 기획 Neutral Text) */
  --neutral-500:#66768a;
  --neutral-400:#9aa7b6;                /* 옅은 캡션 */
  --neutral-300:#cbd5e1;
  --neutral-200:#e6ecf5;
  --neutral-100:#eef1f6;
  --neutral-50: #f3f7ff;
  --white:#ffffff;

  /* 배경 리듬용 */
  --bg-tint:        #eef4fc;            /* Light Blue BG — 블록 교대용 옅은 블루 */
  --bg-tint-hi:     #dbe9fb;            /* 옅은 블루 그라데이션 밝은 지점 */
  --bg-tint-lo:     #f5f9ff;            /* 옅은 블루 그라데이션 끝 */
  --chip-bg:        #E6F1FB;            /* 후기 아바타·하이라이트 배경 */
}

/* ---------- [2] SEMANTIC — 의미 토큰 ---------- */
:root{
  --page-bg:        var(--white);
  --section-bg:     var(--white);
  --section-alt-bg: var(--bg-tint);     /* 교대 섹션 = 옅은 블루 그라데이션 */
  --card-bg:        var(--white);

  --text-primary:   var(--primary-strong);
  --text-secondary: var(--neutral-600);

  --border-subtle:  var(--neutral-100);
  --border-default: var(--neutral-200);
  --border-strong:  var(--neutral-300);

  --ring: 0 0 0 4px rgba(11,91,211,.15);

  /* 옅은 블루 그라데이션 배경 (블록1·3·5 공통) */
  --grad-tint: radial-gradient(120% 80% at 80% 0%,
               var(--bg-tint-hi) 0%, var(--bg-tint) 55%, var(--bg-tint-lo) 100%);

  /* 네이비 그라데이션 ('결정적 순간' — 결과카드·베네핏카드·CTA목업) */
  --grad-navy: linear-gradient(150deg,
               var(--navy-lift) 0%, var(--navy) 62%, var(--navy-deep) 100%);
  --grad-navy-135: linear-gradient(135deg,
               var(--navy-lift), var(--navy) 60%, var(--navy-deep));

  /* 시그니처: 초록→틸→파랑 테두리 그라데이션 (흰 배경 카드) */
  --grad-border: linear-gradient(130deg,
               var(--green) 0%, var(--green-teal) 40%, var(--sky) 100%);
  /* 네이비 배경 위 밝게 조정한 테두리 (민트→시안→파랑) */
  --grad-border-lite: linear-gradient(130deg,
               #5DCAA5 0%, #4EB8C8 45%, var(--sky) 100%);
  /* 블록6 오버레이 카드 테두리 (초록→시안→파랑→블루, 회전 애니메이션용) */
  --grad-border-full: linear-gradient(120deg,
               var(--green) 0%, var(--green-teal) 30%,
               var(--sky) 60%, var(--primary-bright) 100%);
}

/* ---------- [3] ROLE TOKENS — 역할 토큰 (data-color-pattern 으로 교체 가능) ---------- */
:root[data-color-pattern="1"]{
  /* CTA */
  --color-cta-main:        var(--primary-bright);
  --color-cta-main-text:   #fff;
  --color-cta-main-strong: var(--primary-strong);
  --color-cta-disabled:    #595959;

  /* 텍스트 강조 */
  --color-highlight-text:        var(--primary);
  --color-highlight-strong-text: var(--primary-bright);
  --color-highlight-bg:          var(--chip-bg);

  /* 폼 포커스/에러 */
  --color-form-focus-border: var(--primary-border);
  --color-form-error:        #c53030;
}

/* ---------- [C] 업종 폰트 프리셋 (data-industry) ----------
   법률/회생 = 신뢰·안정 모던고딕. Noto Sans KR 유지.
   ※ 시안이 weight 500 위주의 얇고 모던한 톤이므로 컴포넌트에서 500을 기본으로 씀 */
body[data-industry="legal"],
body[data-industry="finance"]{
  --font-heading: 'Noto Sans KR', system-ui, -apple-system, 'Apple SD Gothic Neo', 'Malgun Gothic', sans-serif;
  --font-body:    'Noto Sans KR', system-ui, -apple-system, 'Apple SD Gothic Neo', 'Malgun Gothic', sans-serif;
}