/*
 * chch-tokens.css -- 섹션 (chch.kr) v4 Design Tokens
 *
 * Managed via /admin/skins (skin_manage.php).
 * Auto-generated -- do not edit by hand.
 * Generated: 2026-04-15 02:15:22
 */

/* -- Light Mode (default) -- */
:root {
  color-scheme: light;

  /* 배경 (Background) */
  --chch-bg-radial: rgba(51, 102, 153, .18);
  --chch-bg-start: #fbfdff;
  --chch-bg-mid: #f1f8ff;
  --chch-bg-end: #eef0f2;

  /* 텍스트 (Text) */
  --chch-text: #5e7892;
  --chch-text-soft: #8397aa;
  --chch-text-muted: #a4b0bc;

  /* 링크 (Link) */
  --chch-link: #2f88e6;
  --chch-link-hover: #176ac1;

  /* 서피스 (Surface) */
  --chch-surface: rgba(255,255,255,.94);
  --chch-surface-strong: rgba(255,255,255,.98);
  --chch-surface-soft: #fafcff;
  --chch-surface-hover: #f0f2f5;

  /* 헤더/푸터 (Header) */
  --chch-header-bg: #f6f7f9;
  --chch-header-inner-bg: linear-gradient(180deg, #fafcff 0%, #f0f2f5 100%);
  --chch-footer-bg: linear-gradient(180deg, rgba(237, 240, 242, .96) 0%, rgba(231, 235, 238, .96) 100%);
  --chch-footer-border: #c8d1da;

  /* 테두리 (Border) */
  --chch-border: #dbe0e6;
  --chch-border-strong: #d1d9e0;
  --chch-button-border: #c7d1db;

  /* 네비게이션 (Nav) */
  --chch-nav-hover: rgba(51, 102, 153, .18);
  --chch-bottom-nav-bg: #ffffff;
  --chch-bottom-nav-border: #e9ebed;

  /* 그림자 (Shadow) */
  --chch-shadow: 0 16px 36px rgba(51, 102, 153, .12);
  --chch-shadow-strong: 0 20px 48px rgba(51, 102, 153, .14);
  --chch-shadow-card: 0 16px 32px rgba(51, 102, 153, .10);

  /* 카드 (Card) */
  --chch-card-bg: #ffffff;
  --chch-card-bg-soft: #fbfdff;
  --chch-card-bg-strong: rgba(255,255,255,.96);
  --chch-card-border: #dbe0e6;
  --chch-card-border-soft: #eaedf0;
  --chch-card-text: #798ca0;
  --chch-card-text-strong: #5e7892;
  --chch-card-heading: #336699;

  /* 칩 (Chip) */
  --chch-chip-bg: #f0f2f5;
  --chch-chip-text: #506b86;
  --chch-chip-border: #cfd9e2;

  /* 기타 (Misc) */
  --chch-search-bg: rgba(255,255,255,.9);
  --chch-stat-bg: #f0f2f4;
  --chch-stat-bg-soft: #f7f7f8;
  --chch-thumb-bg: #e7ebef;
}

/* -- Dark Mode -- */
html[data-theme="dark"] {
  color-scheme: dark;

  /* 배경 (Background) */
  --chch-bg-radial: rgba(51, 102, 153, .18);
  --chch-bg-start: #161a1d;
  --chch-bg-mid: #1c2126;
  --chch-bg-end: #212930;

  /* 텍스트 (Text) */
  --chch-text: #cbd1d7;
  --chch-text-soft: #afb8c0;
  --chch-text-muted: #8e99a4;

  /* 링크 (Link) */
  --chch-link: #7eb6f1;
  --chch-link-hover: #aad0f8;

  /* 서피스 (Surface) */
  --chch-surface: rgba(30,35,45,.88);
  --chch-surface-strong: rgba(30,35,45,.96);
  --chch-surface-soft: #1e2429;
  --chch-surface-hover: #2a333c;

  /* 헤더/푸터 (Header) */
  --chch-header-bg: #1a1f23;
  --chch-header-inner-bg: linear-gradient(180deg, #1e2429 0%, #151a1e 100%);
  --chch-footer-bg: linear-gradient(180deg, rgba(26, 31, 35, .96) 0%, rgba(17, 20, 24, .96) 100%);
  --chch-footer-border: #303841;

  /* 테두리 (Border) */
  --chch-border: #364049;
  --chch-border-strong: #3f4d5a;
  --chch-button-border: #394756;

  /* 네비게이션 (Nav) */
  --chch-nav-hover: rgba(51, 102, 153, .24);
  --chch-bottom-nav-bg: #181c20;
  --chch-bottom-nav-border: #303841;

  /* 그림자 (Shadow) */
  --chch-shadow: 0 16px 36px rgba(0,0,0,.35);
  --chch-shadow-strong: 0 20px 48px rgba(0,0,0,.45);
  --chch-shadow-card: 0 16px 32px rgba(0,0,0,.30);

  /* 카드 (Card) */
  --chch-card-bg: #1e2429;
  --chch-card-bg-soft: #1a1f23;
  --chch-card-bg-strong: rgba(30,35,45,.96);
  --chch-card-border: #364049;
  --chch-card-border-soft: #303841;
  --chch-card-text: #c0c7ce;
  --chch-card-text-strong: #d5d9dd;
  --chch-card-heading: #6199d1;

  /* 칩 (Chip) */
  --chch-chip-bg: #2a333c;
  --chch-chip-text: #a6b8c9;
  --chch-chip-border: #3b4754;

  /* 기타 (Misc) */
  --chch-search-bg: rgba(30,35,45,.92);
  --chch-stat-bg: #23292f;
  --chch-stat-bg-soft: #1b1f22;
  --chch-thumb-bg: #272e35;
}

html[data-theme="light"] {
  color-scheme: light;
}