/* ==========================================================================
   KFTA design tokens — the ONLY place a designer needs to edit to re-skin
   colors, type, radius and spacing. Components in site.css read these values.
   ========================================================================== */
:root{
  /* Brand */
  --c-brand:#12304a;          /* primary navy: header text, primary buttons */
  --c-brand-ink:#ffffff;      /* text on brand */
  --c-accent:#b8873f;         /* gold accent: highlights, active states */
  --c-accent-soft:#f6efe3;    /* tint of accent */

  /* Surfaces & text */
  --c-bg:#ffffff;
  --c-surface:#f6f7f8;        /* cards, panels */
  --c-surface-2:#eceff1;
  --c-dark:#0c1f30;           /* dark sections (hero, member banner) */
  --c-dark-ink:#e8eef2;
  --c-text:#14232f;
  --c-muted:#5d6e7a;
  --c-line:#e1e6ea;

  /* Status */
  --c-ok:#1f7a55; --c-ok-soft:#e5f4ec;
  --c-warn:#9a6a12; --c-warn-soft:#fbf1da;
  --c-danger:#b3372f;
  --c-kakao:#fee500; --c-kakao-ink:#191600;

  /* Type */
  --f-display:'Iowan Old Style','Palatino Linotype',Georgia,serif;
  --f-body:system-ui,-apple-system,'Segoe UI','Apple SD Gothic Neo','Malgun Gothic',Roboto,sans-serif;
  --fs-base:16px; --lh-base:1.6;

  /* Shape & space */
  --radius:12px; --radius-sm:8px; --radius-pill:999px;
  --shadow:0 1px 2px rgba(14,35,53,.06),0 8px 24px rgba(14,35,53,.06);
  --gutter:20px;              /* page side padding (mobile) */
  --maxw:1120px;              /* content width */
  --header-h:64px;
}