/* Tokens IndustrialMC : style « bannière beta » (ardoise, bande danger, titres jaunes, rivets). */

@font-face {
  font-family: "Bebas Neue";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/fonts/bebas-neue-latin-400-normal.woff2") format("woff2");
}
@font-face {
  font-family: "Chakra Petch";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("/fonts/chakra-petch-latin-600-normal.woff2") format("woff2");
}
@font-face {
  font-family: "Chakra Petch";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("/fonts/chakra-petch-latin-700-normal.woff2") format("woff2");
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/fonts/inter-latin-400-normal.woff2") format("woff2");
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("/fonts/inter-latin-600-normal.woff2") format("woff2");
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("/fonts/inter-latin-700-normal.woff2") format("woff2");
}
@font-face {
  font-family: "JetBrains Mono";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/fonts/jetbrains-mono-latin-400-normal.woff2") format("woff2");
}
@font-face {
  font-family: "JetBrains Mono";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("/fonts/jetbrains-mono-latin-600-normal.woff2") format("woff2");
}

:root {
  --bg: #1A1D22;
  --bg-2: #16181C;
  --plate: #23272E;
  --plate-2: #2C313A;
  --plate-3: #303744;
  --line: #3A404A;
  --line-strong: #5B616B;
  --text: #E4E4EA;
  --muted: #9AA1AC;
  --dim: #6E7580;
  --yellow: #FFD166;
  --yellow-ink: #A8820F;
  --danger: #F5C400;
  --black: #15171A;
  --copper: #E39A5B;
  --cyan: #7EE8FA;
  --gold: #FFD166;
  --gold-2: #FFF4CC;
  --ok: #80FF72;
  --red: #FF7B7B;
  --violet: #C77DFF;
  --orange: #F2962C;

  --font-display: "Bebas Neue", Impact, sans-serif;
  --font-ui: "Chakra Petch", "Segoe UI", sans-serif;
  --font-body: "Inter", system-ui, sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, monospace;

  --nav-h: 76px;
  --radius: 3px;
  --bevel: 12px;
  --shadow: 0 2px 0 #0006, 0 12px 32px #0008;
  --hazard: repeating-linear-gradient(45deg, var(--danger) 0 14px, var(--black) 14px 28px);
  --hazard-thin: repeating-linear-gradient(45deg, var(--danger) 0 6px, var(--black) 6px 12px);
  --gutter: 24px;
}