@font-face { font-family: "Bebas Neue"; src: url("../fonts/bebas-neue-latin-400-normal.woff2") format("woff2"); font-weight: 400; font-display: block; }
@font-face { font-family: "DM Sans"; src: url("../fonts/dm-sans-latin-300-normal.woff2") format("woff2"); font-weight: 300; font-display: block; }
@font-face { font-family: "DM Sans"; src: url("../fonts/dm-sans-latin-400-normal.woff2") format("woff2"); font-weight: 400; font-display: block; }
@font-face { font-family: "DM Sans"; src: url("../fonts/dm-sans-latin-500-normal.woff2") format("woff2"); font-weight: 500; font-display: block; }
@font-face { font-family: "DM Sans"; src: url("../fonts/dm-sans-latin-600-normal.woff2") format("woff2"); font-weight: 600; font-display: block; }
@font-face { font-family: "DM Sans"; src: url("../fonts/dm-sans-latin-700-normal.woff2") format("woff2"); font-weight: 700; font-display: block; }
@font-face { font-family: "DM Mono"; src: url("../fonts/dm-mono-latin-400-normal.woff2") format("woff2"); font-weight: 400; font-display: block; }
@font-face { font-family: "DM Mono"; src: url("../fonts/dm-mono-latin-500-normal.woff2") format("woff2"); font-weight: 500; font-display: block; }

:root {
  --bg-dark: #0d0d0d;
  --bg-surface: #141414;
  --bg-card: #1a1a1a;
  --border: #2a2a2a;
  --border-warm: #3a352a;
  --text: #c8c4c0;
  --text-strong: #f3f1ed;
  --text-mute: #6b6672;
  --gold: #f2b705;
  --gold-soft: rgba(242, 183, 5, 0.12);
  --gold-line: rgba(242, 183, 5, 0.35);
  --steel: #334053;
  --logo-tile: #e7e4df;

  --ff-display: "Bebas Neue", Impact, sans-serif;
  --ff-body: "DM Sans", system-ui, sans-serif;
  --ff-mono: "DM Mono", ui-monospace, monospace;

  
  --m: 88px;         
  --top: 132px;      
}