@tailwind base;
@tailwind components;
@tailwind utilities;

:root {
  --bg:         #08090f;
  --surface:    #0d0f18;
  --surface2:   #111420;
  --border:     #1c2235;
  --border2:    #242d47;
  --gold:       #c9a84c;
  --text:       #c4d4ee;
  --muted:      #5c7499;
  --dim:        #2a3550;
}

* { box-sizing: border-box; }

html, body {
  background-color: var(--bg);
  color: var(--text);
  font-family: 'Outfit', sans-serif;
  -webkit-font-smoothing: antialiased;
}

/* Scrollbar mínima */
::-webkit-scrollbar { width: 4px; height: 4px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb { background: var(--border); border-radius: 2px; }

/* Select options dark */
select option { background: var(--surface2); color: var(--text); }