/*
 * chch-tokens-cafe.css — cafe.chch.kr v4 Design Tokens (Green)
 *
 * Same --chch-* variable names as chch-tokens.css,
 * but with cafe-specific green palette values.
 * Managed via /admin/skins.
 */

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

  /* Background */
  --chch-bg-radial: rgba(114, 186, 137, .18);
  --chch-bg-start: #fbfefb;
  --chch-bg-mid: #f5fbf7;
  --chch-bg-end: #eef7f1;

  /* Text */
  --chch-text: #587065;
  --chch-text-soft: #738d7d;
  --chch-text-muted: #8eb59d;

  /* Link */
  --chch-link: #2f8b5a;
  --chch-link-hover: #226f47;

  /* Surface */
  --chch-surface: rgba(255,255,255,.94);
  --chch-surface-strong: rgba(255,255,255,.98);
  --chch-surface-soft: #f9fcfa;
  --chch-surface-hover: #edf8f0;

  /* Header / Footer */
  --chch-header-bg: rgba(251,254,251,.97);
  --chch-header-inner-bg: linear-gradient(180deg, #f7fbf8 0%, #edf8f0 100%);
  --chch-footer-bg: linear-gradient(180deg, rgba(236,246,239,.95) 0%, rgba(228,241,232,.95) 100%);
  --chch-footer-border: #cfe6d7;

  /* Border */
  --chch-border: #dbeee1;
  --chch-border-strong: #d3e7d9;
  --chch-button-border: #d6eadc;

  /* Navigation */
  --chch-nav-hover: rgba(159, 210, 175, .18);

  /* Shadow */
  --chch-shadow: 0 18px 38px rgba(134,184,148,.12);
  --chch-shadow-strong: 0 20px 48px rgba(60,160,100,.12);
  --chch-shadow-card: 0 12px 24px rgba(134,184,148,.10);

  /* Search */
  --chch-search-bg: rgba(255,255,255,.9);

  /* Bottom Navigation */
  --chch-bottom-nav-bg: #fff;
  --chch-bottom-nav-border: #e9f2ec;

  /* Card */
  --chch-card-bg: #ffffff;
  --chch-card-bg-soft: #fbfdfb;
  --chch-card-bg-strong: rgba(255,255,255,.96);
  --chch-card-border: #dbeee1;
  --chch-card-border-soft: #e4f0e7;
  --chch-card-text: #587065;
  --chch-card-text-strong: #456654;
  --chch-card-heading: #327d52;

  /* Chip */
  --chch-chip-bg: #e9f6ed;
  --chch-chip-text: #328657;
  --chch-chip-border: #c5e4cf;

  /* Stat */
  --chch-stat-bg: #f4faf6;
  --chch-stat-bg-soft: #fbfdfb;

  /* Thumbnail */
  --chch-thumb-bg: #eef8f1;
}

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

  /* Background */
  --chch-bg-radial: rgba(70, 122, 98, .18);
  --chch-bg-start: #0c1726;
  --chch-bg-mid: #122235;
  --chch-bg-end: #0d1827;

  /* Text */
  --chch-text: #c9d9ec;
  --chch-text-soft: #9db3cc;
  --chch-text-muted: #8ea8c5;

  /* Link */
  --chch-link: #8fc7ff;
  --chch-link-hover: #c2e2ff;

  /* Surface */
  --chch-surface: rgba(18, 35, 56, .92);
  --chch-surface-strong: rgba(15, 29, 49, .98);
  --chch-surface-soft: #13253a;
  --chch-surface-hover: #173250;

  /* Header / Footer */
  --chch-header-bg: rgba(12, 23, 38, .94);
  --chch-header-inner-bg: linear-gradient(180deg, rgba(18, 35, 56, .98) 0%, rgba(15, 29, 49, .98) 100%);
  --chch-footer-bg: linear-gradient(180deg, rgba(11, 21, 34, .96) 0%, rgba(9, 18, 30, .96) 100%);
  --chch-footer-border: rgba(32, 52, 77, 1);

  /* Border */
  --chch-border: #223954;
  --chch-border-strong: #2b425d;
  --chch-button-border: #2b425d;

  /* Navigation */
  --chch-nav-hover: rgba(62, 100, 139, .28);

  /* Shadow */
  --chch-shadow: 0 18px 36px rgba(2, 8, 18, .32);
  --chch-shadow-strong: 0 22px 56px rgba(0,0,0,.42);
  --chch-shadow-card: 0 18px 36px rgba(2, 8, 18, .28);

  /* Search */
  --chch-search-bg: rgba(19, 37, 58, 1);

  /* Bottom Navigation */
  --chch-bottom-nav-bg: rgba(12, 22, 34, .98);
  --chch-bottom-nav-border: rgba(32, 52, 77, .8);

  /* Card */
  --chch-card-bg: rgba(18, 35, 56, .96);
  --chch-card-bg-soft: rgba(15, 29, 49, .98);
  --chch-card-bg-strong: rgba(23, 50, 80, .98);
  --chch-card-border: #223954;
  --chch-card-border-soft: #20344d;
  --chch-card-text: #9db3cc;
  --chch-card-text-strong: #f2f7ff;
  --chch-card-heading: #f2f7ff;

  /* Chip */
  --chch-chip-bg: #173250;
  --chch-chip-text: #9fcbf4;
  --chch-chip-border: #3e648b;

  /* Stat */
  --chch-stat-bg: rgba(18, 35, 56, .92);
  --chch-stat-bg-soft: rgba(15, 29, 49, .94);

  /* Thumbnail */
  --chch-thumb-bg: #173250;
}

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