/**
 * Paleta y tipografía de Prospector.
 *
 * Toma el lenguaje visual del portfolio (pablomv.dev): negro #111 sobre
 * blanco, un único acento amarillo, Figtree como familia única, bordes
 * finos grises y CERO sombras. El portfolio no usa ni una: la separación
 * la hacen los bordes, no la profundidad.
 */
:root {
  /* Base */
  --black:  #111;
  --white:  #fff;
  --accent: #ECD06F;
  --gray:   #888;            /* el del portfolio, para elementos decorativos */

  /* Derivados para la interfaz del panel.

     ANTES --bg y --surface eran los dos #fff. Eso dejaba la interfaz sin
     planos: las tarjetas no se despegaban del fondo (las separaba solo un
     borde de 1,5px) y todos los rellenos interiores pensados como huecos
     —.seo-item, .tech-block, el buscador, el hover de las filas— eran
     literalmente invisibles, porque estaban pintados del mismo blanco que
     tenían debajo. De ahí la sensación de página lavada.

     Ahora el papel tiene un tono cálido emparentado con el acento y las
     tarjetas se quedan en blanco puro. Quedan tres planos: barra negra,
     papel y tarjeta. Sin sombras, como el portfolio: la profundidad la da
     el tono, no el desenfoque. */
  --bg:        #f1eee5;      /* papel: el fondo de la página */
  --surface:   #fff;         /* tarjetas y barras, encima del papel */
  --surface-2: #faf8f2;      /* campos y filas alternas */
  --hover:     #e8e3d6;      /* un punto por debajo del papel, para que el
                                hover se vea tanto sobre papel como sobre
                                tarjeta */
  --border:    #e0dacd;
  --border-2:  #ebe7dc;      /* separadores internos, más tenues */
  --text:      var(--black);
  /* El #888 del portfolio da 3,5:1 sobre blanco y se queda corto para
     texto que hay que leer (direcciones, sector, ciudad). Aquí el gris
     tenue lleva información, no decoración, así que tiene que pasar AA.
     Se calibra contra el PAPEL, no contra el blanco: es el fondo con menos
     contraste de los dos y hay texto tenue apoyado directamente en él (el
     subtítulo de la página, las pistas). El #767676 anterior daba 4,54:1
     sobre blanco pero se quedaba en 3,92:1 sobre el papel nuevo. */
  --muted:     #6e6a61;      /* 4,64:1 sobre papel · 5,39:1 sobre tarjeta */

  /* Acento */
  --yellow:      var(--accent);
  --yellow-soft: #fbedc4;
  --yellow-dark: #8a6a1c;    /* el acento no llega a AA sobre blanco: para
                                texto se usa esta versión oscurecida */

  /* Estados.
     Los fondos estaban tan cerca del blanco que sobre una página blanca no
     llegaban a teñir nada: las etiquetas parecían gris claro. Suben un
     escalón para que el color se lea de un vistazo, que es justo para lo
     que están. El texto no cambia: sigue pasando AA sobre el fondo nuevo. */
  --red-bg:    #fbdcdc;  --red-text:    #b3261e;
  --green-bg:  #dcefe2;  --green-text:  #1c7238;
  --blue-bg:   #dde8fb;  --blue-text:   #1a4fb3;
  --purple-bg: #e8dcfd;  --purple-text: #5a1ab3;

  /* Tipografía: una sola familia, como en el portfolio */
  --font: 'Figtree', system-ui, -apple-system, sans-serif;

  /* Medidas de la interfaz */
  --sidebar-w: 220px;

  /* Radios: los mismos que usa el portfolio */
  --r-xs: 2px;
  --r-sm: 6px;
  --r-md: 8px;
  --r-lg: 10px;
  --r-pill: 100px;
}