/* Estilos base de CARLOS OS — complementan a Tailwind */

[x-cloak] {
  display: none !important;
}

html,
body {
  height: 100%;
}

body {
  background-color: #0c0b09;
  background-image:
    radial-gradient(circle at 20% 0%, rgba(232, 160, 32, 0.06), transparent 40%),
    radial-gradient(circle at 80% 100%, rgba(232, 160, 32, 0.04), transparent 50%);
  background-attachment: fixed;
}

/* Scrollbar dark premium */
::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}

::-webkit-scrollbar-track {
  background: #141210;
}

::-webkit-scrollbar-thumb {
  background: #332e27;
  border-radius: 5px;
  border: 2px solid #141210;
}

::-webkit-scrollbar-thumb:hover {
  background: #4a4137;
}

/* Selección con color dorado */
::selection {
  background: rgba(232, 160, 32, 0.3);
  color: #f4f2ee;
}

/* Focus visible accesible */
:focus-visible {
  outline: 2px solid #e8a020;
  outline-offset: 2px;
  border-radius: 4px;
}