/* dictapp · C2 Noir + señal. The only place colors, type and timing are defined. */
@font-face {
  font-family: "Geist";
  src: url("./fonts/geist.woff2") format("woff2");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Geist Mono";
  src: url("./fonts/geist-mono.woff2") format("woff2");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Instrument Serif";
  src: url("./fonts/instrument-serif.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

:root {
  color-scheme: dark;
  --bg: #050505;
  --surface: #0e0e0e;
  --raised: #141414;
  --line: #191919;
  --text: #ededed;
  --muted: #808080;
  /* Orange means "there is a voice here". Never use it as decoration. */
  --signal: #ff4d00;
  --signal-2: #ff7a3d;
  --ok: #3f8f5a;
  --danger: #ff5a52;

  --font-ui: "Geist", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
  --font-mono: "Geist Mono", ui-monospace, "SF Mono", Menlo, monospace;
  --font-display: "Instrument Serif", "New York", Georgia, serif;

  --radius-s: 8px;
  --radius-m: 12px;
  --radius-pill: 99px;

  --t-fast: 140ms;
  --t-base: 240ms;
  --ease-out: cubic-bezier(0.2, 0.8, 0.2, 1);
  --ease-spring: cubic-bezier(0.2, 1.4, 0.4, 1);
}

@media (prefers-color-scheme: light) {
  :root:not([data-theme="dark"]) {
    color-scheme: light;
    --bg: #fbfbfa;
    --surface: #ffffff;
    --raised: #f2f2ef;
    --line: #ececea;
    --text: #141414;
    --muted: #6e6e6e;
    --signal-2: #e04400;
    --ok: #2f7a48;
    --danger: #c8322b;
  }
}