/* =============================================================================
   1891 Teleprompter — design tokens
   =============================================================================
   Self-contained at Phase 1 (the shared design-system bundle isn't vendored
   into this subpath yet). When the shared bundle is in place, swap these
   values for an @import url("/teleprompter/assets/design-system/tokens.css").
   ============================================================================= */

:root {
  /* Brand palette */
  --telep-bloom: #d83a6f;
  --telep-bloom-deep: #a8285a;
  --telep-amber: #f0a830;
  --telep-ink:   #1a1a1d;
  --telep-ink-soft: #4a4a52;
  --telep-fog:   #f5f5f7;
  --telep-line:  #e3e3e6;
  --telep-line-strong: #c5c5cc;
  --telep-card:  #ffffff;
  --telep-shadow: 0 1px 2px rgba(0,0,0,.04), 0 6px 24px rgba(0,0,0,.06);

  /* Type */
  --telep-font-body: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --telep-font-display: "Inter", system-ui, sans-serif;
  --telep-font-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, monospace;
  --telep-font-serif: "Cormorant Garamond", "Iowan Old Style", Georgia, serif;

  /* Spacing scale */
  --telep-s-1: 0.25rem;
  --telep-s-2: 0.5rem;
  --telep-s-3: 1rem;
  --telep-s-4: 1.5rem;
  --telep-s-5: 2.5rem;
  --telep-s-6: 4rem;
  --telep-s-7: 6rem;

  /* Radius */
  --telep-radius: 12px;
  --telep-radius-sm: 6px;
}

@media (prefers-color-scheme: dark) {
  :root {
    --telep-ink: #f0f0f2;
    --telep-ink-soft: #b8b8c0;
    --telep-fog: #121214;
    --telep-line: #2a2a2e;
    --telep-line-strong: #3a3a40;
    --telep-card: #1c1c20;
    --telep-shadow: 0 1px 2px rgba(0,0,0,.4), 0 6px 24px rgba(0,0,0,.5);
  }
}