/* ============================================================
   Ordanai — Estilos compartidos del sitio
   Incluir en todas las páginas con:
   <link rel="stylesheet" href="/css/site.css">
   ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=Inter:ital,wght@0,200;0,300;0,400;0,500;0,600;1,400&display=swap');

/* Reset */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

/* Tokens de marca */
:root {
  --bg:      #0D1117;
  --bg2:     #111820;
  --green:   #1DB954;
  --green2:  #0A8A3C;
  --text:    #F0F6F1;
  --text2:   #8A9E92;
  --text3:   #4A6052;
  --border:  rgba(29, 185, 84, 0.1);
  --border2: rgba(29, 185, 84, 0.22);
  --font:    'Inter', -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
}

html { font-size: 16px; }

body {
  font-family: var(--font);
  font-size: 16px;
  line-height: 1.6;
  color: var(--text);
  background: var(--bg);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* Utilidad de contenedor */
.page-wrap {
  max-width: 960px;
  margin: 0 auto;
  padding: 0 24px;
}
@media (max-width: 600px) {
  .page-wrap { padding: 0 16px; }
}