/* Pavot Design Inc. design tokens, v1.0 (7 September 2026).
   Source of truth: lib/brand.ts. Load the fonts before you use the type tokens. */
:root {
  --pavot-paper: #F5F0E6;
  --pavot-ink: #171512;
  --pavot-pavot: #D63D22;
  --pavot-stem: #2F4A36;
  --pavot-stone: #5F5A51;
  --pavot-mist: #E2DACB;
  --pavot-night: #1F1C17;
  --pavot-petal: #FF7A5C;

  --pavot-font-display: "Instrument Serif", Georgia, "Times New Roman", serif;
  --pavot-font-text: Geist, Inter, system-ui, sans-serif;
  --pavot-font-data: "Geist Mono", ui-monospace, "SF Mono", Menlo, monospace;

  --pavot-radius: 6px;
  --pavot-radius-petal: 14px 4px 4px 4px; /* one rounded corner, like a petal */
  --pavot-motion: 240ms cubic-bezier(0.2, 0.7, 0.2, 1);
}
.pavot-dark {
  --pavot-paper: #1F1C17;
  --pavot-ink: #F5F0E6;
  --pavot-pavot: #FF7A5C;
  --pavot-stone: #B5AEA2;
  --pavot-mist: #35312A;
}
@media (prefers-reduced-motion: reduce) {
  :root {
    --pavot-motion: 0ms linear;
  }
}