/* ==========================================================================
   PAKTRA — Tokens — paleta, tipografía, reset y utilidades
   ========================================================================== */

:root {
    --paktra-negro:      #06231D;
    --paktra-verde-osc:  #0C342C;
    --paktra-verde-med:  #076653;
    --paktra-verde-clr:  #E2FBCE;
    --paktra-crema:      #FFFDEE;
    --paktra-lima:       #E3EF26;
    --paktra-blanco:     #FFFFFF;
    --paktra-gris:       #F5F5F5;
    --paktra-gris-2:     #EAEAE5;
    --paktra-borde:      rgba(12, 52, 44, 0.12);
    --paktra-borde-osc:  rgba(255, 253, 238, 0.14);

    --max-w: 1320px;
    --gutter: clamp(20px, 4vw, 56px);

    --font-display: 'Plus Jakarta Sans', sans-serif;
    --font-mono: 'JetBrains Mono', ui-monospace, monospace;

    --ease: cubic-bezier(0.22, 1, 0.36, 1);
  }

  * { box-sizing: border-box; margin: 0; padding: 0; }
  /* scroll-padding: los anclas no quedan tapados por el navbar sticky (93px) */
  html { scroll-behavior: smooth; scroll-padding-top: 110px; }
  body {
    font-family: var(--font-display);
    font-weight: 400;
    color: var(--paktra-negro);
    background: var(--paktra-crema);
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    line-height: 1.5;
    overflow-x: hidden;
  }
  img, svg { display: block; max-width: 100%; }
  a { color: inherit; text-decoration: none; }
  button { font: inherit; cursor: pointer; border: none; background: none; color: inherit; }
  ::selection { background: var(--paktra-lima); color: var(--paktra-negro); }

  .wrap { max-width: var(--max-w); margin: 0 auto; padding: 0 var(--gutter); }
  .mono { font-family: var(--font-mono); font-weight: 400; letter-spacing: 0.02em; }