:root {
  --bg: #050916;
  --bg2: #0a1228;
  --panel: rgba(255, 255, 255, .045);
  --panel-2: rgba(255, 255, 255, .07);
  --panel-b: rgba(255, 255, 255, .09);
  --line: rgba(226, 190, 106, .24);
  --gold: #e2be6a;
  --gold-2: #f8e3a6;
  --gold-3: #b07f2a;
  --text: #eef1f8;
  --muted: #97a0bb;
  --danger: #ef5a6f;
  --ok: #3fcf9b;
  --blue: #5aa8ff;
  --font: 'Google Sans', Arial, sans-serif;
  color-scheme: dark;
}

* { box-sizing: border-box; }
[hidden] { display: none !important; }

html, body { margin: 0; }

body {
  font-family: var(--font);
  color: var(--text);
  background: var(--bg);
  -webkit-font-smoothing: antialiased;
}

/* Google Sans בכל רכיב — גם בטפסים, כפתורים וטקסט בגרפים */
button, input, select, textarea, option, svg text {
  font-family: var(--font);
}

.bg-scene {
  background:
    radial-gradient(ellipse 60% 50% at 80% 0%, rgba(226, 190, 106, .13), transparent 70%),
    radial-gradient(ellipse 55% 60% at 0% 100%, rgba(70, 110, 220, .16), transparent 70%),
    radial-gradient(ellipse 80% 80% at 50% 50%, #0b1430 0%, var(--bg) 75%);
}

.gold-text {
  background: linear-gradient(180deg, var(--gold-2) 0%, var(--gold) 45%, var(--gold-3) 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

.tnum { font-variant-numeric: tabular-nums; }