/*
 * Candle site tokens — the design-token contract for static marketing sites
 * (11ty, Astro, plain HTML, etc.) built on top of Candle.
 *
 * A consuming site links this stylesheet first, then overrides any subset
 * of the tokens in its own stylesheet:
 *
 *   <link rel="stylesheet" href="/site-tokens.css">
 *   <link rel="stylesheet" href="/site.css">    // sets --ck-accent, etc.
 *
 * Sibling to tokens.css (the --candle-* widget contract). The two layers
 * compose: a site sets its --ck-* palette, then bridges into embedded
 * candle widgets with rules like:
 *
 *   ck-subscribe-form {
 *     --candle-primary: var(--ck-accent);
 *     --candle-bg-soft: var(--ck-paper);
 *   }
 *
 * Defaults below are deliberately neutral (no brand colors). The site is
 * expected to set --ck-accent, --ck-accent-2, etc.
 */
:root {
  /* Surface */
  --ck-bg: #ffffff;                       /* page background */
  --ck-paper: #f7f5f1;                    /* recessed surface (e.g. menu blocks) */
  --ck-fg: #1c1814;                       /* primary text */
  --ck-muted: #6a5d4d;                    /* secondary text / hairline meta */
  --ck-line: rgba(28, 24, 20, 0.16);      /* hairline rules */

  /* Brand */
  --ck-accent: #94372a;                   /* primary brand accent */
  --ck-accent-2: #3e4a2a;                 /* supporting brand accent */
  --ck-on-accent: #ffffff;                /* label sitting on an --ck-accent fill */

  /* Type */
  --ck-display: 'Cormorant Garamond', 'Times New Roman', Georgia, serif;
  --ck-body: -apple-system, system-ui, sans-serif;
  --ck-mono: 'JetBrains Mono', ui-monospace, Menlo, monospace;
  --ck-font-size: 16px;
  --ck-line-height: 1.55;

  /* Geometry — section padding scales between mobile and desktop via the
     site's own media queries; these are sensible desktop defaults. */
  --ck-pad-x: 56px;
  --ck-pad-y: 96px;
  --ck-radius: 0;                         /* editorial direction: square corners */
}

@media (max-width: 600px) {
  :root {
    --ck-pad-x: 22px;
    --ck-pad-y: 56px;
  }
}