/*
 * Relay Design System — Deck / Presentation Spec
 * v3.4.1 · June 2026
 *
 * Decks use relay-tokens.css directly — no separate colour palette.
 * Parchment / terracotta retired. One system everywhere.
 *
 * Load relay-tokens.css. This file adds nothing to the token layer —
 * it documents the type scale and layout rules for 16:9 slide format.
 *
 * PALETTE (from relay-tokens.css v3.4.1 — same as product UI):
 *   bg          #ffffff        Slide canvas
 *   surface     #f5faf9        Cards, callout blocks
 *   panel       #edf7f5        Nested panels, code blocks
 *   border      #daeee9        Dividers, card edges
 *   text        #0f1f1e        Body text
 *   text-2      #446160        Captions, labels
 *   text-muted  #8caaaa        Footnotes, timestamps
 *   text-bright #060f0f        Headlines, emphasis
 *   teal        #0d9488        CTAs, Codes, the mark, active states
 *   indigo      #6366f1        Org/team/depth notes
 */

/*
 * ── TYPE SCALE (16:9 · 1280×720 / 10"×5.625") ───────────────────────
 *
 * Display headline
 *   font:    var(--rly-font-display) · Cormorant Garamond 300 italic
 *   size:    46–52pt
 *   colour:  var(--rly-text-bright)  #060f0f
 *
 * Section label / eyebrow
 *   font:    var(--rly-font-mono) · JetBrains Mono 600
 *   size:    9.5–10pt · uppercase · 0.2em tracking
 *   colour:  var(--rly-teal)  #0d9488
 *
 * Pull quote
 *   font:    var(--rly-font-display) · Cormorant Garamond 300 italic
 *   size:    14–16pt
 *   colour:  var(--rly-text)  #0f1f1e
 *
 * Body copy
 *   font:    var(--rly-font) · Outfit 300–400
 *   size:    14–15pt · 1.6–1.8 leading
 *   colour:  var(--rly-text-2)  #446160
 *
 * Code display
 *   font:    var(--rly-font-mono) · JetBrains Mono 600
 *   case:    uppercase · 0.15–0.18em tracking
 *   colour:  var(--rly-teal)  #0d9488
 *   label:   always "Code" — never PIN, relay ID, or "Relay Code" (retired)
 *
 * Footnote / footer
 *   font:    var(--rly-font) · Outfit 400
 *   size:    8.5–9pt · uppercase · 0.1em tracking
 *   colour:  var(--rly-text-muted)  #8caaaa
 *
 * ── LAYOUT ───────────────────────────────────────────────────────────
 *
 * Slide canvas:   1280×720px (16:9) · bg #ffffff
 * Safe margin:    48px all sides
 * Content width:  max 1184px (canvas minus margins)
 * Callout block:  var(--rly-surface) bg · var(--rly-border) 0.5px border · 8px radius
 * Rule / divider: 1px var(--rly-border) horizontal
 * No shadows, no gradients — flat surfaces per design system rules
 *
 * ── DARK VARIANT (Ember slides) ──────────────────────────────────────
 *
 * Use [data-theme="dark"] token set from relay-tokens.css:
 *   bg        #0d0d0d
 *   surface   #181818
 *   text      #e0e0e0 / #a0a0a0 / #606060
 *   teal      #2dd4bf  (also the mark on dark)
 * Same layout rules, same type scale. No separate dark palette needed.
 *
 * ── THE MARK ─────────────────────────────────────────────────────────
 *
 * relay-mark.svg (Full variant ≥28px) · inline SVG · currentColor
 * On light slides: colour = var(--rly-teal) #0d9488
 * On dark slides:  colour = var(--rly-teal) [dark] #2dd4bf
 * Never #00D9C8 statically — motion only (relay-pulse.css)
 * No container box anywhere — Open Signal, unboxed
 */