/* Jens Respawn: alle tokens. Eneste fil med fargekoder og fontnavn.
   Retning A Konsoll. Se DESIGNMANUAL.md. */
@import url("https://fonts.googleapis.com/css2?family=Jersey+15&family=Jersey+25&family=IBM+Plex+Sans:wght@400;500;700&display=swap");

:root {
  color-scheme: dark;

  /* Flater */
  --bg: #08080B;
  --field: #15151B;
  --line: #2B2B34;
  --line-strong: #4A4A56;
  --line-field: #7C7C8C;

  /* Tekst */
  --ink: #F1EFE9;
  --ink-2: #CFCCC3;
  --ink-3: #A9A69C;

  /* Aksent: gjør dette nå */
  --accent: #FF3D2E;
  --accent-hover: #FF5F52;
  --accent-muted: #A82A20;
  --accent-soft: #FF3D2E2E;
  --accent-edge: #FF3D2E80;
  --on-accent: #08080B;

  /* Sekundær: scenelys og mål */
  --second: #4DA6FF;
  --second-soft: #4DA6FF2E;
  --on-second: #08080B;
  --goal: #4DA6FF;
  --beam-red: #3A1411;
  --beam-blue: #14293F;

  /* Papir: dette må du huske */
  --paper: #E4DFD0;
  --paper-ink: #14130F;
  --paper-line: #B5AF9C;

  /* Svar */
  --good: #5CE08A;
  --bad: #FFB454;
  --good-soft: #5CE08A1F;
  --bad-soft: #FFB4541F;

  /* Fonter */
  --f-display: "Jersey 25", ui-monospace, monospace;
  --f-ui: "Jersey 15", ui-monospace, monospace;
  --f-body: "IBM Plex Sans", system-ui, sans-serif;

  /* Skala fra oppskriften, uendret */
  --fs-xs: .8125rem; --fs-sm: .9375rem; --fs-base: 1.125rem; --fs-lg: 1.375rem; --fs-xl: 1.75rem;
  --fs-2xl: clamp(2.25rem, 4.5vw, 3.25rem); --fs-3xl: clamp(3rem, 8vw, 6.25rem);
  --s-1: 4px; --s-2: 8px; --s-3: 12px; --s-4: 16px; --s-5: 24px;
  --s-6: 32px; --s-7: 48px; --s-8: 64px; --s-9: 96px; --s-10: 144px;
  --r-xs: 0; --r-sm: 0; --r-md: 0; --r-pill: 0;
  --ease-out: cubic-bezier(.23, 1, .32, 1);
  --ease-in-out: cubic-bezier(.77, 0, .175, 1);
  --t-press: 140ms; --t-hover: 180ms; --t-ui: 220ms; --t-enter: 480ms;
  --gutter: 10px; --box: 12px; --max: 1180px; --read: 60ch;

  /* Tillegg for denne siden */
  --fs-ui: 1.25rem;     /* knapper og etiketter. Pikselfont blir aldri mindre */
  --step: 4px;          /* trappetrinn i hjørner */
}

@media (min-width: 720px) {
  :root { --gutter: 24px; --box: 24px; }
}