/* F-klubben — generated from tokens.json */
:root, [data-theme="skrivebord"] {
  --desktop: #008080;
  --on-desktop: #ffffff;
  --face: #c0c0c0;
  --face-light: #dfdfdf;
  --highlight: #ffffff;
  --shadow: #808080;
  --dark: #0a0a0a;
  --ink: #000000;
  --ink-muted: #3a3a3a;
  --canvas: #ffffff;
  --title: #000080;
  --title-end: #1084d0;
  --title-inactive: #808080;
  --title-inactive-end: #b5b5b5;
  --on-title: #ffffff;
  --tooltip: #ffffe1;
  --paint-red: #ff0000;
  --cat-bar: #ffff00;
  --cat-film: #ff00ff;
  --cat-fest: #00ff00;
  --cat-nord: #ff8040;
  --cat-misc: #00ffff;
  --bevel-out: inset -1px -1px 0 #0a0a0a, inset 1px 1px 0 #ffffff, inset -2px -2px 0 #808080, inset 2px 2px 0 #dfdfdf;
  --bevel-in: inset -1px -1px 0 #ffffff, inset 1px 1px 0 #0a0a0a, inset -2px -2px 0 #dfdfdf, inset 2px 2px 0 #808080;
  --bevel-thin: inset -1px -1px 0 #ffffff, inset 1px 1px 0 #808080;
  --default-ring: 0 0 0 1px #0a0a0a;
}
:root {
  --space-1: 2px;
  --space-2: 4px;
  --space-3: 8px;
  --space-4: 12px;
  --space-5: 16px;
  --space-6: 24px;
  --space-7: 40px;
  --radius-none: 0px;
  --radius-ellipse: 50%;
  --font-paint: "Comic Neue", "Comic Sans MS", "Chalkboard SE", cursive;
  --font-pixel: Tiny5, Tahoma, Verdana, sans-serif;
  --font-body: Verdana, Tahoma, "DejaVu Sans", sans-serif;
}
.paint-xl { font-family: var(--font-paint); font-size: 64px; line-height: 62px; font-weight: 700; }
.paint-l { font-family: var(--font-paint); font-size: 40px; line-height: 42px; font-weight: 700; }
.paint-m { font-family: var(--font-paint); font-size: 24px; line-height: 28px; font-weight: 700; }
.chrome-title { font-family: var(--font-pixel); font-size: 16px; line-height: 20px; font-weight: 400; }
.chrome-ui { font-family: var(--font-pixel); font-size: 16px; line-height: 20px; font-weight: 400; }
.clip-label { font-family: var(--font-pixel); font-size: 16px; line-height: 18px; font-weight: 400; }
.body { font-family: var(--font-body); font-size: 15px; line-height: 23px; font-weight: 400; }
.body-strong { font-family: var(--font-body); font-size: 15px; line-height: 23px; font-weight: 700; }
.meta { font-family: var(--font-body); font-size: 12px; line-height: 16px; font-weight: 400; }
@font-face { font-family: "Comic Neue"; src: url("fonts/comic-neue-latin-400-normal.woff2") format("woff2"); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: "Comic Neue"; src: url("fonts/comic-neue-latin-700-normal.woff2") format("woff2"); font-weight: 700; font-style: normal; font-display: swap; }
@font-face { font-family: "Tiny5"; src: url("fonts/tiny5-latin-400-normal.woff2") format("woff2"); font-weight: 400; font-style: normal; font-display: swap; }