/* ==========================================================================
   Productividad — ámbar

   El color ya está definido como token en assets/css/main.css y se activa
   solo con el atributo del <body>:

       <body data-marca="productividad">

   Tokens activos:
       --cat-color   #D97706   principal: filetes, iconos, fondos de etiqueta
       --cat-suave   #FFF3DD   fondo del hero y de bloques destacados
       --cat-acento  #F59E0B   solo decorativo (2,15:1: nunca como texto)
       --cat-texto   #A75C05   enlaces, etiquetas y botones — ver nota

   NOTA DE CONTRASTE (la más relevante del sistema)
   #D97706 da 3,19:1 sobre blanco y 2,90:1 sobre su propio fondo suave:
   muy por debajo del mínimo AA de 4,5:1. El ámbar es el tono más difícil
   de toda la paleta porque su luminancia es alta.
   Para TEXTO y para el relleno de botones se usa #A75C05
   (5,03:1 sobre blanco, 4,58:1 sobre #FFF3DD).
   El #D97706 original se conserva para filetes, iconos y superficies
   decorativas, donde no hay texto encima.

   Concepto: acción, energía, organización, hábitos, ejecución.
   ========================================================================== */

/* Sin reglas propias: el botón de categoría ya usa --cat-texto en main.css,
   así que aquí sale en #A75C05 (5,03:1 con texto blanco) y no en #D97706
   (3,19:1, ilegible), y el hover en #A75C05 -> #8A4B04. */