/* Design tokens (docs/design.md → Färger, Typografi). Shared by the shell, skins, connect and admin. */

/* Self-hosted, OFL (licenses next to the files). Latin subset, which covers å, ä and ö. */
@font-face {
  font-family: "Sora";
  src: url("/assets/fonts/sora-latin.woff2") format("woff2");
  font-weight: 600 800;
  font-display: swap;
}

@font-face {
  font-family: "DM Sans";
  src: url("/assets/fonts/dm-sans-latin.woff2") format("woff2");
  font-weight: 400 600;
  font-display: swap;
}

:root {
  --hiq-pink: #FF0096;
  --hiq-pink-text: #C20072;
  --ink: #14121C;
  --muted: #5A5566;
  --surface: #F4F1F5;
  --line: #E6E1E9;
  --dark-surface: #221E2B;
  --dark-line: #3A3545;
  --dark-past: #2F2A3A;
  --dark-muted: #B8B2C4;
  --photo-placeholder: #2B2633;
  --sleep-bg: #000000;

  --font-display: "Sora", system-ui, "Segoe UI", sans-serif;
  --font-body: "DM Sans", system-ui, "Segoe UI", sans-serif;
}