/*
 * Tokens de ByteFix = tokens de theealex11.github.io (style.css), sin cambios,
 * más tres colores de estado que la web no define (marcados "AÑADIDO").
 * La fuente BoxedRound NO se incluye (licencia pendiente): ver static/fonts/README.md.
 */

:root {
  /* gradient */
  --bg-gradient-onyx: linear-gradient(to bottom right, hsl(240, 1%, 25%) 3%, hsl(0, 0%, 19%) 97%);
  --bg-gradient-jet: linear-gradient(to bottom right, hsla(240, 1%, 18%, 0.251) 0%, hsla(240, 2%, 11%, 0) 100%), hsl(240, 2%, 13%);
  --bg-gradient-green-1: hsl(203, 88%, 47%);
  --border-gradient-onyx: linear-gradient(to bottom right, hsl(0, 0%, 25%) 0%, hsla(0, 0%, 25%, 0) 50%);
  --text-gradient-yellow: linear-gradient(to right, hsl(203, 88%, 47%), hsl(203, 84%, 36%));

  /* solid */
  --jet: hsl(0, 0%, 22%);
  --onyx: hsl(240, 1%, 17%);
  --eerie-black-1: hsl(240, 2%, 13%);
  --eerie-black-2: hsl(240, 2%, 12%);
  --smoky-black: hsl(0, 0%, 7%);
  --white-1: hsl(0, 0%, 100%);
  --white-2: hsl(0, 0%, 98%);
  --accent: hsl(203, 88%, 47%); /* en la web: --green-lime */
  --accent-bold: hsl(203, 84%, 36%); /* en la web: --green-bold */
  --light-gray: hsl(0, 0%, 84%);
  --light-gray-70: hsla(0, 0%, 84%, 0.7);
  --danger: hsl(0, 43%, 51%); /* en la web: --bittersweet-shimmer */
  --ok: hsl(152, 62%, 44%); /* AÑADIDO */
  --warn: hsl(38, 90%, 55%); /* AÑADIDO */

  /* typography */
  --ff: gotham, 'Segoe UI Variable', 'Segoe UI', system-ui, sans-serif;
  --fs-1: 32px;
  --fs-2: 24px;
  --fs-3: 26px;
  --fs-4: 18px;
  --fs-5: 15px;
  --fs-6: 15px;
  --fs-7: 15px;
  --fs-8: 12px;
  --fw-300: 300;
  --fw-400: 400;
  --fw-500: 500;
  --fw-600: 600;

  /* shadow */
  --shadow-1: -4px 8px 24px hsla(0, 0%, 0%, 0.125);
  --shadow-2: 0 16px 30px hsla(0, 0%, 0%, 0.125);
  --shadow-5: 0 24px 80px hsla(0, 0%, 0%, 0.25);

  /* transition */
  --transition-1: 0.25s ease;
  --transition-2: 0.5s ease-in-out;
}