@import url('https://fonts.googleapis.com/css2?family=Overpass:wght@300;400;600;700;800;900&display=swap');

:root{
  --font: "Overpass", sans-serif;

  /* Light (default) */
  --bg: #ffffff;
  --surface: #ffffff;
  --surface2: #f7f7f7;
  --text: #1f2937;
  --muted: #6b7280;
  --line: rgba(0,0,0,.10);

  --accent: #ff7a18;
  --accent2: #f47b20;

  --shadow: 0 10px 30px rgba(0,0,0,.10);
}

body.theme-dark{
  /* Dark */
  --bg: #0b0f14;
  --surface: #111823;
  --surface2: #0f1620;
  --text: #e7edf6;
  --muted: #a7b3c4;
  --line: rgba(255,255,255,.10);

  --shadow: 0 16px 40px rgba(0,0,0,.45);
}

*{ box-sizing:border-box; }

html, body{
  margin:0;
  padding:0;
  font-family: var(--font);
  background: var(--bg);
  color: var(--text);
}

a{ color: inherit; }
img{ display:block; max-width:100%; }