/* tokens.css — cofa-inspired light theme (default).
 *
 * Vocabulary extracted from https://getcofa.vercel.app/ (see
 * docs/research/2026-04-22-cofa-ux-tokens.md for extraction + rationale).
 * Same keys as tokens-krafton.css so a single <link> swap flips the theme
 * without touching markup or component CSS.
 *
 * Brand palette: emerald-500/teal-500 family. Per UX.D2 decision, --accent
 * is solid emerald-500; teal gradients are reserved for hero chrome only
 * and applied inline where needed (not a base token).
 */
:root {
  /* ── Surface ─────────────────────────────────────────────────── */
  --bg: #ffffff;
  --bg-elev: #fafafa;
  --card: #ffffff;
  --card-hover: #f5f5f5;
  --border: #e5e5e5;
  --border-strong: #d4d4d4;

  /* ── Text ────────────────────────────────────────────────────── */
  --text: #070707;
  --text-strong: #000000;
  --muted: #6b6b6b;
  --dim: #a3a3a3;

  /* ── Accent — emerald-500 solid (cofa brand) ─────────────────── */
  --accent: #10b981;
  --accent-dim: #d1fae5;
  --accent-fg: #047857;
  --accent-fg-strong: #065f46;

  /* ── Brand green / success — same family as accent ───────────── */
  --green: #10b981;
  --green-dim: #d1fae5;
  --green-fg: #047857;

  /* ── Danger / red ────────────────────────────────────────────── */
  --red: #dc2626;
  --red-dim: #fee2e2;
  --red-fg: #991b1b;

  /* ── Warn / orange (amber) ───────────────────────────────────── */
  --orange: #d97706;
  --orange-dim: #fef3c7;
  --orange-fg: #92400e;

  /* ── State-specific (candidate status chips) ─────────────────── */
  --state-cold-bg: #f5f5f5;
  --state-cold-fg: #6b6b6b;
  --state-replied-bg: #fef3c7;
  --state-replied-fg: #92400e;

  /* ── Shadows (subtler in light mode) ─────────────────────────── */
  --shadow-card: 0 1px 3px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.04);
  --shadow-modal: 0 20px 40px rgba(0, 0, 0, 0.12);
  --shadow-overlay: rgba(17, 24, 39, 0.5);

  /* ── Typography ──────────────────────────────────────────────── */
  --font-sans: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Noto Sans KR", system-ui, Roboto, "Helvetica Neue", "Segoe UI", sans-serif;

  /* ── Radii (cofa is generous with rounding) ──────────────────── */
  --radius-sm: 6px;
  --radius-md: 8px;
  --radius-lg: 12px;
}