@import "tailwindcss";

@theme {
  /* Base (más corporativo, estilo Infor) */
  --color-bg: #1a1a1f; /* Fondo general oscuro */
  --color-surface: #2a2a32; /* Fondos secundarios, cards */
  --color-border: #3a3a3a;

  /* Brand (mantienes tu café/beige como acentos) */
  --color-primary: #a75c13;       /* Café cálido para botones/acciones */
  --color-primary-dark: #382107;  /* Café oscuro para títulos */
  --color-primary-light: #d4822c; /* Hover/CTA */

  /* Accent (gris neutro + un toque opcional de azul corporativo) */
  --color-accent: #6c5ce7; /* Un morado/azul moderno, estilo Infor */
  --color-muted: #aaaaaa;  /* Texto desactivado */

  /* Text */
  --color-text: #e8e8e8;       /* Texto principal claro */
  --color-text-light: #bbbbbb; /* Texto secundario */
  --font-sans: "Inter", system-ui, sans-serif;
}

html {
  scroll-behavior: smooth;
}

@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }
}