/*
 * VroomVideo design tokens — the one file the app and the marketing site share.
 * The app serves it at https://app.vroomvideo.com/tokens.css; the marketing site copies it at build
 * time (vroomvideo-site: `npm run sync-tokens`). Change colours, type or the font here and nowhere else.
 */
@font-face {
  font-family: "Inter Tight";
  font-style: normal;
  font-weight: 400 800;
  font-display: swap;
  src: url("/fonts/inter-tight-latin.woff2") format("woff2");
}

:root {
  --sand: oklch(0.972 0.014 84);
  --bone: oklch(0.963 0.005 95);
  --card: #ffffff;
  --ink: oklch(0.145 0 0);
  --ink-65: oklch(0.145 0 0 / 65%);
  --ink-50: oklch(0.145 0 0 / 62%);
  --ink-35: oklch(0.145 0 0 / 50%);
  --ink-10: oklch(0.145 0 0 / 10%);
  --ink-8: oklch(0.145 0 0 / 8%);
  --electric: oklch(0.55 0.229 262);
  --electric-10: oklch(0.55 0.229 262 / 10%);
  --night: oklch(0.115 0.014 265);
  --dark-fg: oklch(0.965 0.002 95);
  --lilac: oklch(0.915 0.048 300);
  --peach: oklch(0.925 0.055 62);
  --sage: oklch(0.925 0.05 155);
  --error: oklch(0.577 0.245 27.325);
  --font: "Inter Tight", ui-sans-serif, system-ui, -apple-system, sans-serif;
  --shadow-card: 0 24px 60px -28px oklch(0.145 0 0 / 28%);
  --shadow-nav: 0 10px 30px -18px oklch(0.145 0 0 / 35%);
  --ease: cubic-bezier(0.22, 1, 0.36, 1);
}