/*
 * Compact Keyword SEO Builder Pro — Design Tokens
 *
 * Every variable lives on .ck-page so it's strictly scoped and cannot
 * leak into theme styles. Sites can override individual variables by
 * targeting .ck-page in their own stylesheet.
 */

.ck-page {
  --ck-font-system: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --ck-font-nobile: Nobile, sans-serif;
  --ck-font-inter: Inter, sans-serif;
  --ck-font-roboto: Roboto, sans-serif;
  --ck-font-open-sans: "Open Sans", sans-serif;
  --ck-font-lato: Lato, sans-serif;
  --ck-font-montserrat: Montserrat, sans-serif;
  --ck-font-poppins: Poppins, sans-serif;
  --ck-font-source-sans-3: "Source Sans 3", sans-serif;
  --ck-font-nunito: Nunito, sans-serif;
  --ck-font-raleway: Raleway, sans-serif;
  --ck-font-oswald: Oswald, sans-serif;
  --ck-font-merriweather: Merriweather, serif;
  --ck-font-playfair-display: "Playfair Display", serif;
  --ck-font-lora: Lora, serif;
  --ck-font-pt-sans: "PT Sans", sans-serif;
  --ck-font-ubuntu: Ubuntu, sans-serif;
  --ck-font-rubik: Rubik, sans-serif;
  --ck-font-work-sans: "Work Sans", sans-serif;
  --ck-font-dm-sans: "DM Sans", sans-serif;
  --ck-font-mulish: Mulish, sans-serif;
  --ck-font-quicksand: Quicksand, sans-serif;
  --ck-font-manrope: Manrope, sans-serif;
  --ck-font-libre-franklin: "Libre Franklin", sans-serif;
  --ck-font-fira-sans: "Fira Sans", sans-serif;
  --ck-font-barlow: Barlow, sans-serif;
  --ck-font-cabin: Cabin, sans-serif;
  --ck-font-josefin-sans: "Josefin Sans", sans-serif;
  --ck-font-karla: Karla, sans-serif;
  --ck-font-archivo: Archivo, sans-serif;
  --ck-font-arimo: Arimo, sans-serif;
  --ck-font-family: var(--ck-font-nobile);

  --ck-font-size: 16px;
  --ck-font-size-sm: 0.875rem;
  --ck-font-size-md: 1rem;
  --ck-font-size-lg: 1.25rem;

  --ck-fw-normal: 400;
  --ck-fw-medium: 500;
  --ck-fw-bold: 700;

  --ck-pad-compact: 1rem;
  --ck-pad-normal: 1.5rem;
  --ck-pad-wide: 2.5rem;

  --ck-bg-white: #ffffff;
  --ck-bg-light: #f7f7f7;
  --ck-bg-tint: #f0f4ee;

  --ck-text: #2b2b2b;
  --ck-text-muted: #6b6b6b;
  --ck-primary-color: #2d5a27;
  --ck-border-color: #e6e6e6;

  --ck-radius: 0.375rem;
  --ck-line-height: 1.55;
  --ck-max-width: 60rem;

  /*
   * Default vertical spacing between sibling sections. Applied via
   * `[data-ck-section] + [data-ck-section] { margin-top: var(--ck-section-gap) }`
   * in sections.css. Per-section overrides are emitted as `ck-gap-*`
   * modifier classes by the style engine.
   *
   * Tight by default — the original 64/48/32 responsive scale created
   * far too much vertical air on long pages. Sections that need more
   * breathing room can switch to `ck-gap-sm/md/lg/xl` per-section
   * without the global default ballooning everywhere else.
   */
  --ck-section-gap: 15px;
}

@media (max-width: 1024px) {
  .ck-page { --ck-section-gap: 15px; }
}
@media (max-width: 600px) {
  .ck-page { --ck-section-gap: 12px; }
}