/* ================================
   BASE — Variables, reset, typo
   ================================ */

@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=DM+Sans:wght@300;400;500;700&family=DM+Mono:wght@400;500&display=swap');

:root {
  --bg:       #f4f5f7;
  --bg2:      #ffffff;
  --bg3:      #f0f1f4;
  --border:   #e2e4e9;
  --border2:  #c8ccd6;
  --text:     #1a1d23;
  --text2:    #4a5068;
  --text3:    #8a90a8;

  --accent:      #e8312a;
  --accent2:     #c9251e;
  --accent-bg:   rgba(232,49,42,0.08);

  --green:    #1e9e6b;
  --orange:   #d4800a;
  --blue:     #2b7fd4;
  --purple:   #7b4fb5;

  --font-display: 'Bebas Neue', sans-serif;
  --font-body:    'DM Sans', sans-serif;
  --font-mono:    'DM Mono', monospace;

  --radius:    8px;
  --radius-sm: 4px;
  --shadow:    0 2px 12px rgba(0,0,0,0.08);
  --shadow-lg: 0 8px 32px rgba(0,0,0,0.12);
}

* { box-sizing: border-box; margin: 0; padding: 0; }

body {
  font-family: var(--font-body);
  background: var(--bg);
  color: var(--text);
  font-size: 14px;
  line-height: 1.5;
  overflow: hidden;
  height: 100vh;
}

.hidden { display: none !important; }

a { text-decoration: none; }