/* HarderstyleMap design tokens: the only colors, fonts and radii allowed (docs/CHARTE.md). */
:root {
  /* Neutrals */
  --hsm-ink: #161515;
  --hsm-black: #000000;
  --hsm-field: #2b2b2b;
  --hsm-rule: #282828;
  --hsm-text: #eeeeee;
  --hsm-muted: #bfbfbf;
  --hsm-white: #ffffff;
  --hsm-logo: #f5f5f5;

  /* Action */
  --hsm-coral: #ff5a61;

  /* Styles: information, never decoration */
  --hsm-hardstyle: #ffa700;
  --hsm-hardcore: #d84132;
  --hsm-hardcore-text: #db5143;
  --hsm-frenchcore: #cdfe0e;
  --hsm-uptempo: #05dbdc;
  --hsm-hardtek: #e48be9;
  --hsm-hardtekk: #e48be9;
  --hsm-lime: #dcff3e;

  /* Type: Roc Grotesk (Adobe Fonts kit rix8emt) */
  --hsm-font: "roc-grotesk", "Helvetica Neue", Arial, sans-serif;
  --hsm-font-wide: "roc-grotesk-wide", "roc-grotesk", "Helvetica Neue", Arial, sans-serif;
  --hsm-track: 3px;
  --hsm-track-wide: 5px;

  /* Shape */
  --hsm-radius: 3px;
  --hsm-poster-tilt: -7deg;
  --hsm-stripe: 16px;
  --hsm-gap: 64px;
  --hsm-page-w: min(1280px, 90vw);
  --hsm-page-left: 10vw;
}