/* Cozy Digital design tokens. Colours are taken from cozydigital.org
   (src/app/future.css) and sampled from the logo ring. */
@font-face { font-family: "Inter Tight"; src: url(/cozy-video/fonts/inter-tight-latin-wght-normal.woff2) format("woff2"); font-weight: 100 900; font-display: swap; }
@font-face { font-family: "Inter Tight"; src: url(/cozy-video/fonts/inter-tight-latin-wght-italic.woff2) format("woff2"); font-weight: 100 900; font-style: italic; font-display: swap; }
@font-face { font-family: "Inter"; src: url(/cozy-video/fonts/inter-latin-400-normal.woff2) format("woff2"); font-weight: 400; font-display: swap; }
@font-face { font-family: "Inter"; src: url(/cozy-video/fonts/inter-latin-500-normal.woff2) format("woff2"); font-weight: 500; font-display: swap; }
@font-face { font-family: "Inter"; src: url(/cozy-video/fonts/inter-latin-600-normal.woff2) format("woff2"); font-weight: 600; font-display: swap; }
@font-face { font-family: "Instrument Serif"; src: url(/cozy-video/fonts/instrument-serif-latin-400-normal.woff2) format("woff2"); font-display: swap; }
@font-face { font-family: "Instrument Serif"; src: url(/cozy-video/fonts/instrument-serif-latin-400-italic.woff2) format("woff2"); font-style: italic; font-display: swap; }
@font-face { font-family: "Quicksand"; src: url(/cozy-video/fonts/quicksand-latin-700-normal.woff2) format("woff2"); font-weight: 700; font-display: swap; }

@font-face { font-family:"Manrope"; src:url("/fonts/manrope-latin-400-normal.woff2") format("woff2"); font-weight:400; font-display:swap }
@font-face { font-family:"Manrope"; src:url("/fonts/manrope-latin-500-normal.woff2") format("woff2"); font-weight:500; font-display:swap }
@font-face { font-family:"Manrope"; src:url("/fonts/manrope-latin-600-normal.woff2") format("woff2"); font-weight:600; font-display:swap }
@font-face { font-family:"Manrope"; src:url("/fonts/manrope-latin-700-normal.woff2") format("woff2"); font-weight:700; font-display:swap }
@font-face { font-family:"Space Grotesk"; src:url("/fonts/space-grotesk-latin-500-normal.woff2") format("woff2"); font-weight:500; font-display:swap }
@font-face { font-family:"Space Grotesk"; src:url("/fonts/space-grotesk-latin-600-normal.woff2") format("woff2"); font-weight:600; font-display:swap }
@font-face { font-family:"Space Grotesk"; src:url("/fonts/space-grotesk-latin-700-normal.woff2") format("woff2"); font-weight:700; font-display:swap }

:root {
  color-scheme: light;
  /* surfaces (cozydigital.org --studio-*) */
  --bg: #f8f7f2;
  --bg-2: #eeedf7;
  --panel: #fffefa;
  --panel-2: #e0f0e9;
  --ink: #173039;
  --muted: #53656c;
  --dim: #53656c;
  --line: #ccd6d1;
  --line-2: #a7bbb3;
  /* brand (logo ring, left to right) */
  --violet: #8054ad;
  --indigo: #6556ad;
  --cyan: #086c78;
  --cyan-deep: #075866;
  --blue: #2563eb;
  --fuchsia: #d946ef;
  --accent: var(--cyan);
  --on-accent: #ffffff;
  --grad: linear-gradient(90deg, var(--violet), var(--indigo) 50%, var(--cyan));
  --ok: #256d4a;
  --warn: #8a590b;
  --bad: #b42338;

  --font: "Manrope", ui-sans-serif, system-ui, sans-serif;
  --font-display: "Space Grotesk", var(--font);
  --font-serif: "Instrument Serif", Georgia, serif;
  --font-brand: "Quicksand", var(--font);

  --r-sm: 6px;
  --r: 10px;
  --r-lg: 16px;
  --ease-out: cubic-bezier(.2, .7, .2, 1);
}