/* Presentation layer (PDS) tokens — load AFTER cds-tokens.css.
   PDS SoR: edit this file only. Mirror with sync-pds-deck.ps1.
   Do not hand-edit template-deck/tokens.css.
   CDS owns color/type/space/atmosphere/radius/chart accents.
   This file owns slide canvas, Pitch type scale (pt), and reveal.js bridges. */

/* Knile hosted on marketing site only — never commit WOFF2s to GitHub.
   https://rootsandfruit.com/wp-content/uploads/rnf_assets/fonts/ (CORS enabled) */
@font-face {
  font-family: "Knile";
  src: url("https://rootsandfruit.com/wp-content/uploads/rnf_assets/fonts/knile-regular-webfont.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Knile";
  src: url("https://rootsandfruit.com/wp-content/uploads/rnf_assets/fonts/knile-semibold-webfont.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Knile";
  src: url("https://rootsandfruit.com/wp-content/uploads/rnf_assets/fonts/knile-bold-webfont.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

:root {
  /* Fixed slide type scale (pt) — presentation only */
  --rf-display: 64pt; /* full-bleed dark statement titles */
  --rf-h1: 48pt;
  --rf-h2: 36pt;
  --rf-h3: 22pt;
  --rf-body: 15pt;
  --rf-small: 12pt;
  --rf-meta: 11pt;
  --rf-number: 11pt;
  --rf-stat: 56pt;

  /* Slide canvas */
  --rf-deck-w: 1280px;
  --rf-deck-h: 720px;
  --rf-pad-x: 56px;
  --rf-pad-y: 48px;
  --rf-gap: 28px;
  --rf-gap-sm: 16px;

  /* Radius: inherit CDS scale (sm 0.55 / md 0.75 / lg 1.25 / pill).
     Do NOT inflate these for “slide feel” — that made panels look capsule-like.
     Role map: controls→sm · panels/tiles→md (--rf-radius) · rare large media→lg · buttons→pill.
     Optional fluid cap for huge frames only: min(var(--rf-radius-lg), 2.5%). */
  --rf-card-radius: var(--rf-radius-sm);

  /* Aliases used by older slide CSS → CDS ink names */
  --rf-muted: var(--rf-ink-muted);
  --rf-muted-soft: var(--rf-ink-soft);

  /* Reveal.js bridges */
  --r-background-color: var(--rf-cream);
  --r-main-font: var(--rf-font-sans);
  --r-main-font-size: 28px;
  --r-main-color: var(--rf-ink);
  --r-heading-font: var(--rf-font-serif);
  --r-heading-color: var(--rf-ink-deep);
  --r-heading-text-transform: none;
  --r-heading-font-weight: 700;
  --r-heading-letter-spacing: -0.02em;
  --r-link-color: var(--rf-green);
  --r-selection-background-color: var(--rf-green-soft);
}