/* 생성물 — scripts/sync-public-css.mjs 가 src/styles/tokens.css 로 만든다. 여기서 고치지 않는다. */
/*
 * 서류닷컴 브랜드 토큰 — 정본 (2026-10-06 landing.css 에서 분리).
 * Layout.astro 가 모든 화면에 불러온다. 색은 여기서만 정하고, 화면·컴포넌트는 var(--seo-*) 로 쓴다.
 * 직접 색상값 검사 = pnpm lint:colors (scripts/check-theme-colors.mjs).
 */
:root {
  /* 2026-10-14 Material 3 디자인 키트(Figma 커뮤니티) 적용 — design/m3 브랜치.
     색은 청효 청록(#1E8A8A)을 seed 로 M3 Tonal Spot 체계를 만들어 대응시켰다(material-color-utilities).
     기존 토큰 이름은 그대로 두고 값만 바꿨고, M3 역할 이름(--md-sys-*)을 아래에 따로 둔다. */
  --seo-navy-900: #161D1D;
  --seo-navy-800: #2B3231;
  --seo-navy-700: #414848;
  --seo-navy-600: #59605F;
  --seo-teal-700: #334863;
  --seo-teal-600: #4B607C;
  --seo-teal-500: #647896;
  --seo-teal-400: #7D92B1;
  --seo-teal-100: #D3E4FF;
  --seo-teal-50:  #EAF1FF;
  --seo-dawn-800: #004343;     /* 눌림·진한 강조 (2026-10-06 원티드 파랑 통합) */
  --seo-dawn-700: #004F50;     /* hover·강조 */
  --seo-dawn-600: #006A6A;     /* dawn blue */
  --seo-dawn-500: #278383;
  --seo-dawn-100: #CCE8E7;
  --seo-dawn-50:  #DAF6F5;     /* 옅은 바탕 */
  --seo-sand-500: #DDE4E3;     /* warm sand accent */
  --seo-sand-300: #E3E9E9;
  --seo-sand-100: #E9EFEE;
  --seo-sand-50:  #EFF5F4;
  --seo-ink:      #161D1D;
  --seo-ink-2:    #3F4948;
  --seo-mute:     #566060;
  --seo-line:     rgba(63,73,72,0.18);
  --seo-line-2:   rgba(63,73,72,0.09);
  --seo-bg:       #F4FBFA;     /* faintly warm page bg */
  --seo-card:     #FFFFFF;
  /* 흰 글자를 얹는 어두운 띠(법적 근거 섹션·구독 추천 요금제 등) */
  --seo-band:     #2B3231;

  /* 2026-10-06 테마 일관화 — 화면에 흩어져 있던 값을 의미 토큰으로 묶는다(값은 쓰던 그대로) */
  --seo-mute-2:   #6F7979;     /* 옅은 보조 글자·아이콘 */
  --seo-border:   #BEC9C8;     /* 불투명 테두리(배경이 섞이면 안 되는 곳). 반투명은 --seo-line */
  --seo-border-strong: #6F7979;
  --seo-surface:  #E9EFEE;     /* 차가운 옅은 면(표 머리·입력 칸) */
  --seo-danger:   #BA1A1A;     /* 오류·필수 표시 */
  --seo-danger-bg: #FFDAD6;
  --seo-alert:    #A04104;     /* 주의(주황) */
  --seo-alert-bg: #FFEDE6;
  --seo-warn:     #755B00;     /* 경고(호박색) */
  --seo-warn-bg:  #FFEFCE;
  --seo-success:  #006C50;
  --seo-success-bg: #DCF3E8;

  /* 2026-10-07 전 페이지 전수 적용 — 확장 팔레트(역할별 단계). 화면은 이 목록 안에서만 고른다 */
  --seo-teal-300:   #98ADCC;
  --seo-teal-200:   #B3C8E8;
  --seo-dawn-300:   #64B9B8;
  --seo-dawn-200:   #B0CCCB;
  --seo-sand-600:   #EAC24F;     /* 금빛 강조(장식·어두운 화면) */
  --seo-gray-100:   #E9EFEE;
  --seo-gray-500:   #727878;
  --seo-gray-700:   #414848;
  --seo-danger-800: #93000A;
  --seo-danger-500: #DE3730;
  --seo-danger-400: #FF5449;     /* 부드러운 빨강(어두운 화면·장식) */
  --seo-danger-200: #FFB4AB;
  --seo-warn-800:   #3D2E00;
  --seo-warn-500:   #B08C1B;
  --seo-warn-200:   #FFE08F;
  --seo-success-800: #003828;
  --seo-success-500: #008766;
  --seo-success-400: #15A47C;
  --seo-success-200: #A8E6CC;
  --seo-alert-500:  #E27136;     /* 주황 강조 */
  --seo-alert-200:  #FFB694;
  --seo-violet-600: #4052C7;     /* 분류 구분용 */
  --seo-violet-300: #BBC3FF;
  --seo-violet-100: #F0EFFF;
  /* 어두운 화면(전략기획실 등) 단계 — 바탕·판·판2·선 순서로 겹친다 */
  --seo-dark-950:   #090F0F;
  --seo-dark-900:   #0E1514;
  --seo-dark-850:   #161D1D;
  --seo-dark-800:   #1A2121;
  --seo-dark-700:   #252B2B;
  --seo-dark-600:   #363D3C;
  --seo-dark-500:   #59605F;
  --seo-dark-300:   #A6ACAC;
  --seo-dark-100:   #DDE4E3;
  /* ── Material 3 시스템 토큰(역할 이름) — 새 화면·공통 컴포넌트는 이 이름을 우선 쓴다 ── */
  --md-sys-color-primary: #006A6A;
  --md-sys-color-on-primary: #FFFFFF;
  --md-sys-color-primary-container: #9CF1F0;
  --md-sys-color-on-primary-container: #004F50;
  --md-sys-color-secondary: #4A6363;
  --md-sys-color-on-secondary: #FFFFFF;
  --md-sys-color-secondary-container: #CCE8E7;
  --md-sys-color-on-secondary-container: #324B4B;
  --md-sys-color-tertiary: #4B607C;
  --md-sys-color-on-tertiary: #FFFFFF;
  --md-sys-color-tertiary-container: #D3E4FF;
  --md-sys-color-on-tertiary-container: #334863;
  --md-sys-color-error: #BA1A1A;
  --md-sys-color-error-container: #FFDAD6;
  --md-sys-color-surface: #F4FBFA;
  --md-sys-color-surface-container-lowest: #FFFFFF;
  --md-sys-color-surface-container-low: #EFF5F4;
  --md-sys-color-surface-container: #E9EFEE;
  --md-sys-color-surface-container-high: #E3E9E9;
  --md-sys-color-surface-container-highest: #DDE4E3;
  --md-sys-color-on-surface: #161D1D;
  --md-sys-color-on-surface-variant: #3F4948;
  --md-sys-color-outline: #6F7979;
  --md-sys-color-outline-variant: #BEC9C8;
  --md-sys-color-inverse-surface: #2B3231;
  --md-sys-color-inverse-on-surface: #ECF2F1;
  --md-sys-color-inverse-primary: #80D5D4;
  --md-sys-color-scrim: #000000;
  /* 모서리(Shape) */
  --md-sys-shape-none: 0;
  --md-sys-shape-extra-small: 4px;
  --md-sys-shape-small: 8px;
  --md-sys-shape-medium: 12px;
  --md-sys-shape-large: 16px;
  --md-sys-shape-large-increased: 20px;
  --md-sys-shape-extra-large: 28px;
  --md-sys-shape-full: 9999px;
  /* 높이(Elevation Light 1~5) */
  --md-sys-elevation-1: 0 1px 2px 0 rgba(0,0,0,0.30), 0 1px 3px 1px rgba(0,0,0,0.15);
  --md-sys-elevation-2: 0 1px 2px 0 rgba(0,0,0,0.30), 0 2px 6px 2px rgba(0,0,0,0.15);
  --md-sys-elevation-3: 0 1px 3px 0 rgba(0,0,0,0.30), 0 4px 8px 3px rgba(0,0,0,0.15);
  --md-sys-elevation-4: 0 2px 3px 0 rgba(0,0,0,0.30), 0 6px 10px 4px rgba(0,0,0,0.15);
  --md-sys-elevation-5: 0 4px 4px 0 rgba(0,0,0,0.30), 0 8px 12px 6px rgba(0,0,0,0.15);
  /* 상태 레이어(hover 8% · focus/pressed 10%) */
  --md-sys-state-hover: 0.08;
  --md-sys-state-focus: 0.10;
  --md-sys-state-pressed: 0.10;
  /* 글자 = 원티드 타입(2026-10-14 대장 결정) — 글꼴 묶음은 여기 하나. 크기·굵기·자간 단계(--type-*)는 landing.css.
     tokens.css 만 싣는 화면(인쇄·결제 콜백·법령 도구)도 같은 글꼴을 쓰도록 여기에 둔다. font-family 는 이 셋만 쓴다(테마 검사). */
  --font-sans:    "Pretendard", "Pretendard Variable", "Wanted Sans", "Wanted Sans Variable", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
  --font-display: "Wanted Sans Variable", "Wanted Sans", "Pretendard", system-ui, sans-serif;
  --font-mono:    "SF Mono", "JetBrains Mono", ui-monospace, "Menlo", monospace;
  /* 브랜드 지정색 — 각 사 가이드가 정한 고정값(카카오 채널 심사·구글 로그인 버튼). 바꾸지 않는다 */
  --brand-kakao:        #FEE500;
  --brand-kakao-hover:  #F2DA00;
  --brand-kakao-ink:    #191600;
  --brand-google-blue:  #4285F4;
  --brand-google-green: #34A853;
  --brand-google-yellow:#FBBC05;
  --brand-google-red:   #EA4335;
}