/* One Cell Clinic — color tokens */
:root {
  /* ── Brand ── */
  --oc-gold: #a98d68;          /* primary accent · link hover · icons */
  --oc-gold-light: #c1a884;    /* secondary gold · labels on dark */
  --oc-ink: #18181b;           /* primary text · solid button */
  --oc-hero-dark: #0d0d0f;     /* hero · dark section background */
  --oc-footer-warm: #2b2118;   /* footer background */
  --oc-watermark-warm: #eae6de;/* warm watermark tint */

  /* ── Neutral ── */
  --oc-gray-600: #52525b;      /* nav · secondary text */
  --oc-gray-500: #71717a;      /* body description */
  --oc-gray-400: #a1a1aa;      /* captions · notes */
  --oc-border: #e4e4e7;        /* borders · dividers */
  --oc-surface: #f4f4f5;       /* background · hover · watermark */
  --oc-white: #ffffff;         /* base background · cards */

  /* ── Utility · booking channels ── */
  --oc-naver: #03c75a;
  --oc-naver-fg: #ffffff;
  --oc-kakao: #fee500;
  --oc-kakao-fg: #3c1e1e;

  /* ── Dark-section on-surface values ── */
  --oc-on-dark: rgba(255, 255, 255, 0.62);   /* body text on dark */
  --oc-on-dark-border: rgba(255, 255, 255, 0.16);
  --oc-on-dark-watermark: rgba(255, 255, 255, 0.08);

  /* ── Semantic aliases ── */
  --text-strong: var(--oc-ink);
  --text-body: var(--oc-gray-500);
  --text-muted: var(--oc-gray-400);
  --text-nav: var(--oc-gray-600);
  --text-accent: var(--oc-gold);
  --link-color: var(--oc-ink);
  --link-hover: var(--oc-gold);

  --surface-page: var(--oc-white);
  --surface-card: var(--oc-white);
  --surface-subtle: var(--oc-surface);
  --surface-dark: var(--oc-hero-dark);
  --surface-footer: var(--oc-footer-warm);

  --border-default: var(--oc-border);
  --border-strong: var(--oc-ink);

  --accent: var(--oc-gold);
  --accent-hover: var(--oc-gold-light);
}