/* ==========================================================================
   Design tokens — vet.bemypet.kr (BFV)
   Extracted from Elementor kit #9 (system + custom colors / typography).
   Scoped consumption: only converted (hand-coded) page templates use these;
   passthrough pages stay driven by the legacy parity layer + Elementor CSS.
   ========================================================================== */
:root {
  /* -- Brand palette (kit #9) -- */
  --color-primary: #000000;      /* kit Primary   — headings / ink            */
  --color-secondary: #54595F;    /* kit Secondary — muted heading             */
  --color-text: #7A7A7A;         /* kit Text      — body copy                 */
  --color-accent: #FCD11E;       /* kit Accent    — brand yellow (CTA, marks) */
  --color-accent-soft: #FFEA92;  /* heading underline highlight (page CSS)    */

  --color-ink: #151617;          /* custom #2 — near-black surfaces/text       */
  --color-ink-2: #333333;        /* custom #1 — secondary ink                  */
  --color-line: #DDDDDD;         /* custom #3 — borders / dividers             */
  --color-cream: #FFFCEE;        /* custom #4 — warm section background        */
  --color-surface: #F8F8FA;      /* custom #5 — light section background       */
  --color-white: #FFFFFF;

  /* -- Typography -- */
  --font-body: "Pretendard", "Pretendard Variable", -apple-system, BlinkMacSystemFont,
    system-ui, "Apple SD Gothic Neo", "Noto Sans KR", sans-serif;
  --fw-regular: 400;
  --fw-medium: 500;
  --fw-semibold: 600;
  --fw-bold: 700;

  /* -- Layout -- */
  --container-max: 1140px;       /* Elementor default content width            */
  --container-pad: 20px;

  /* -- Spacing scale -- */
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-8: 48px;
  --space-10: 64px;
  --space-12: 80px;
  --space-16: 120px;

  --radius: 8px;
  --radius-lg: 16px;
}