/* ==========================================================
   VARIABLES
   Colores y tipografías de toda la página. Cambiá un valor acá y se actualiza en todos lados.
   ========================================================== */

:root {
  color-scheme: dark;

  /* Tipografías (se cargan desde Google Fonts en index.html) */
  --font-sans: "DM Sans", sans-serif;          /* texto normal */
  --font-display: "Space Grotesk", sans-serif; /* títulos */

  /* Colores principales */
  --primary: oklch(69% .18 245);               /* azul de acento para tema oscuro */
  --primary-foreground: oklch(97% .01 250);     /* texto sobre el azul */
  --background: oklch(18% .015 245);           /* fondo de la página */
  --foreground: oklch(94% .02 250);            /* texto común */
  --ink-deep: oklch(98% .02 250);              /* títulos */
  --muted-foreground: oklch(74% .02 250);     /* texto secundario */
  --card: oklch(22% .014 245);                 /* fondo de las tarjetas */
  --accent: oklch(27% .025 245);               /* fondo al pasar el mouse sobre botones */
  --accent-foreground: oklch(96% .02 250);

  /* Bordes y foco */
  --border: oklch(32% .014 245);
  --input: oklch(32% .014 245);
  --ring: oklch(75% .1 245);                  /* contorno al navegar con teclado */

  /* Fondos suaves de secciones y tarjetas */
  --surface-soft: oklch(21% .015 245);
  --surface-blue: oklch(24% .02 250);
  --surface-ice: oklch(21% .015 210);
  --surface-lilac: oklch(24% .02 290);

  /* Colores de los íconos de habilidades (texto + fondo) */
  --skill-html: oklch(76% .15 38);          --skill-html-bg: oklch(22% .04 38);
  --skill-css: oklch(78% .16 255);          --skill-css-bg: oklch(22% .05 255);
  --skill-csharp: oklch(76% .15 300);       --skill-csharp-bg: oklch(23% .05 300);
  --skill-react: oklch(79% .16 220);         --skill-react-bg: oklch(23% .04 220);
  --skill-power: oklch(74% .12 325);         --skill-power-bg: oklch(24% .04 325);
  --skill-sharepoint: oklch(75% .1 190);      --skill-sharepoint-bg: oklch(23% .05 190);
  --skill-ai: oklch(78% .1 160);             --skill-ai-bg: oklch(22% .04 160);
}