@charset "UTF-8";
/**
 * Do not edit directly, this file was auto-generated.
 *
 * Unidades: primitivos unitless, semántico/componente con calc(var(--p-...) * 1px)
 * (o * 1rem / 16 para font-size). REM_BASE = 16 (browser default).
 */

  :root {
  --fry-p-color-yanbal-orange-10: #fff4ef; /** Tono más claro de la escala. Máxima luminosidad y mínima saturación. Color de marca primario Yanbal. */
  --fry-p-color-yanbal-orange-20: #fde4da; /** Tono suave — cercano a fondos claros. Mínima intensidad visual. Color de marca primario Yanbal. */
  --fry-p-color-yanbal-orange-30: #f9c7b6; /** Tono muy claro. Alta luminosidad y baja presencia cromática. Color de marca primario Yanbal. */
  --fry-p-color-yanbal-orange-40: #f2a284; /** Tono claro con reducción progresiva de saturación — menor peso visual. Color de marca primario Yanbal. */
  --fry-p-color-yanbal-orange-50: #e67b52; /** Tono claro medio. Saturación en ascenso previo al tono base. Color de marca primario Yanbal. */
  --fry-p-color-yanbal-orange-60: #d95f34; /** Tono medio. Primera aproximación visible al color de marca. Color de marca primario Yanbal. */
  --fry-p-color-yanbal-orange-70: #cf5328; /** Tono oscuro claro. Saturación alta — paso inmediato previo al tono base de marca. Color de marca primario Yanbal. */
  --fry-p-color-yanbal-orange-80: #c94e22; /** Tono base del color de marca. Naranja Yanbal oficial según Brandbook. Máxima saturación y referencia cromática principal. */
  --fry-p-color-yanbal-orange-90: #a83c18; /** Tono profundo. Primera reducción de luminosidad desde el tono base de marca. Color de marca primario Yanbal. */
  --fry-p-color-yanbal-orange-100: #7a2e14; /** Tono más oscuro de la escala. Mínima luminosidad y máxima profundidad cromática. Color de marca primario Yanbal. */
  --fry-p-color-coconut-10: #fff2e8; /** Tono más claro de la escala. Máxima luminosidad y mínima saturación. Paleta de apoyo. Sin semántica establecida en el sistema. Disponible para uso contextual en proyectos específicos. */
  --fry-p-color-coconut-20: #feebdd; /** Tono suave — cercano a fondos claros. Mínima intensidad visual. Paleta de apoyo. Sin semántica establecida en el sistema. Disponible para uso contextual en proyectos específicos. */
  --fry-p-color-coconut-30: #ffdfc6; /** Tono muy claro. Alta luminosidad y baja presencia cromática. Paleta de apoyo. Sin semántica establecida en el sistema. Disponible para uso contextual en proyectos específicos. */
  --fry-p-color-coconut-40: #fcd8ba; /** Tono claro con reducción progresiva de saturación — menor peso visual. Paleta de apoyo. Sin semántica establecida en el sistema. Disponible para uso contextual en proyectos específicos. */
  --fry-p-color-coconut-50: #ffcba4; /** Tono claro medio. Saturación en ascenso previo al tono base. Paleta de apoyo. Sin semántica establecida en el sistema. Disponible para uso contextual en proyectos específicos. */
  --fry-p-color-coconut-60: #ffbe8e; /** Tono base del color. Máxima saturación y referencia cromática principal de la paleta. Paleta de apoyo. Sin semántica establecida en el sistema. Disponible para uso contextual en proyectos específicos. */
  --fry-p-color-coconut-70: #e6a97c; /** Tono oscuro. Primera reducción de luminosidad desde el tono base. Paleta de apoyo. Sin semántica establecida en el sistema. Disponible para uso contextual en proyectos específicos. */
  --fry-p-color-coconut-80: #cc9468; /** Tono muy oscuro. Alta profundidad cromática — uso en texto y acentos fuertes. Paleta de apoyo. Sin semántica establecida en el sistema. Disponible para uso contextual en proyectos específicos. */
  --fry-p-color-coconut-90: #a87650; /** Tono profundo. Cerca del límite de oscuridad — conserva identidad del color. Paleta de apoyo. Sin semántica establecida en el sistema. Disponible para uso contextual en proyectos específicos. */
  --fry-p-color-coconut-100: #7a573a; /** Tono más oscuro de la escala. Mínima luminosidad y máxima profundidad cromática. Paleta de apoyo. Sin semántica establecida en el sistema. Disponible para uso contextual en proyectos específicos. */
  --fry-p-color-salt-10: #f8f1ef; /** Tono más claro de la escala. Máxima luminosidad y mínima saturación. Paleta de apoyo. Sin semántica establecida en el sistema. Disponible para uso contextual en proyectos específicos. */
  --fry-p-color-salt-20: #f5ebe7; /** Tono suave — cercano a fondos claros. Mínima intensidad visual. Paleta de apoyo. Sin semántica establecida en el sistema. Disponible para uso contextual en proyectos específicos. */
  --fry-p-color-salt-30: #ebd7d0; /** Tono muy claro. Alta luminosidad y baja presencia cromática. Paleta de apoyo. Sin semántica establecida en el sistema. Disponible para uso contextual en proyectos específicos. */
  --fry-p-color-salt-40: #e0c3b8; /** Tono claro con reducción progresiva de saturación — menor peso visual. Paleta de apoyo. Sin semántica establecida en el sistema. Disponible para uso contextual en proyectos específicos. */
  --fry-p-color-salt-50: #cfa99d; /** Tono claro medio. Saturación en ascenso previo al tono base. Paleta de apoyo. Sin semántica establecida en el sistema. Disponible para uso contextual en proyectos específicos. */
  --fry-p-color-salt-60: #b88e82; /** Tono base del color. Máxima saturación y referencia cromática principal de la paleta. Paleta de apoyo. Sin semántica establecida en el sistema. Disponible para uso contextual en proyectos específicos. */
  --fry-p-color-salt-70: #9c7468; /** Tono oscuro. Primera reducción de luminosidad desde el tono base. Paleta de apoyo. Sin semántica establecida en el sistema. Disponible para uso contextual en proyectos específicos. */
  --fry-p-color-salt-80: #7f5a4f; /** Tono muy oscuro. Alta profundidad cromática — uso en texto y acentos fuertes. Paleta de apoyo. Sin semántica establecida en el sistema. Disponible para uso contextual en proyectos específicos. */
  --fry-p-color-salt-90: #5f4238; /** Tono profundo. Cerca del límite de oscuridad — conserva identidad del color. Paleta de apoyo. Sin semántica establecida en el sistema. Disponible para uso contextual en proyectos específicos. */
  --fry-p-color-salt-100: #402c24; /** Tono más oscuro de la escala. Mínima luminosidad y máxima profundidad cromática. Paleta de apoyo. Sin semántica establecida en el sistema. Disponible para uso contextual en proyectos específicos. */
  --fry-p-color-marigold-10: #fff1e1; /** Tono más claro de la escala. Máxima luminosidad y mínima saturación. Paleta semántica de advertencia. Uso en estados de alerta no crítica — precaución y atención requerida. */
  --fry-p-color-marigold-20: #fedfb9; /** Tono suave — cercano a fondos claros. Mínima intensidad visual. Paleta semántica de advertencia. Uso en estados de alerta no crítica — precaución y atención requerida. */
  --fry-p-color-marigold-30: #fac787; /** Tono muy claro. Alta luminosidad y baja presencia cromática. Paleta semántica de advertencia. Uso en estados de alerta no crítica — precaución y atención requerida. */
  --fry-p-color-marigold-40: #eea743; /** Tono claro con reducción progresiva de saturación — menor peso visual. Paleta semántica de advertencia. Uso en estados de alerta no crítica — precaución y atención requerida. */
  --fry-p-color-marigold-50: #ce8700; /** Tono claro medio. Saturación en ascenso previo al tono base. Paleta semántica de advertencia. Uso en estados de alerta no crítica — precaución y atención requerida. */
  --fry-p-color-marigold-60: #9b6400; /** Tono base del color de advertencia. Máxima saturación y referencia cromática principal de la paleta. Paleta semántica de advertencia. Uso en estados de alerta no crítica — precaución y atención requerida. */
  --fry-p-color-marigold-70: #815200; /** Tono oscuro. Primera reducción de luminosidad desde el tono base. Paleta semántica de advertencia. Uso en estados de alerta no crítica — precaución y atención requerida. */
  --fry-p-color-marigold-80: #643f00; /** Tono muy oscuro. Alta profundidad cromática — uso en texto y acentos sobre fondo claro. Paleta semántica de advertencia. Uso en estados de alerta no crítica — precaución y atención requerida. */
  --fry-p-color-marigold-90: #4b2e00; /** Tono profundo. Cerca del límite de oscuridad — conserva identidad del color. Paleta semántica de advertencia. Uso en estados de alerta no crítica — precaución y atención requerida. */
  --fry-p-color-marigold-100: #311d00; /** Tono más oscuro de la escala. Mínima luminosidad y máxima profundidad cromática. Paleta semántica de advertencia. Uso en estados de alerta no crítica — precaución y atención requerida. */
  --fry-p-color-yanbal-black-10: #ffffff; /** Tono más claro de la escala. Máxima luminosidad y mínima saturación. Neutro de marca Yanbal. */
  --fry-p-color-yanbal-black-20: #e6e8ec; /** Tono suave — cercano a fondos claros. Mínima intensidad visual. Neutro de marca Yanbal. */
  --fry-p-color-yanbal-black-30: #c4c7ce; /** Tono muy claro. Alta luminosidad y baja presencia cromática. Neutro de marca Yanbal. */
  --fry-p-color-yanbal-black-40: #a1a5ae; /** Tono claro con reducción progresiva de saturación — menor peso visual. Neutro de marca Yanbal. */
  --fry-p-color-yanbal-black-50: #858993; /** Tono claro medio. Saturación en ascenso previo al tono base. Neutro de marca Yanbal. */
  --fry-p-color-yanbal-black-60: #6e727c; /** Tono medio. Primera aproximación visible al negro de marca. Neutro de marca Yanbal. */
  --fry-p-color-yanbal-black-70: #575b66; /** Tono oscuro. Profundidad cromática creciente hacia el tono base. Neutro de marca Yanbal. */
  --fry-p-color-yanbal-black-80: #414550; /** Tono muy oscuro. Alta profundidad cromática — uso en texto y acentos fuertes. Neutro de marca Yanbal. */
  --fry-p-color-yanbal-black-90: #2c2f39; /** Tono profundo. Cerca del límite de oscuridad — conserva identidad del color. Neutro de marca Yanbal. */
  --fry-p-color-yanbal-black-100: #1c1f28; /** Tono base del color oscuro de marca. Negro Yanbal oficial según Brandbook. Acompaña al naranja como color corporativo principal. */
  --fry-p-color-peach-10: #fef3ed; /** Tono más claro de la escala. Máxima luminosidad y mínima saturación. Color secundario de marca Yanbal — menos saturado. Uso en fondos de producto — piezas comerciales y acompañamiento del naranja primario. */
  --fry-p-color-peach-20: #fde6e0; /** Tono suave — cercano a fondos claros. Mínima intensidad visual. Color secundario de marca Yanbal — menos saturado. Uso en fondos de producto — piezas comerciales y acompañamiento del naranja primario. */
  --fry-p-color-peach-30: #facec1; /** Tono muy claro. Alta luminosidad y baja presencia cromática. Color secundario de marca Yanbal — menos saturado. Uso en fondos de producto — piezas comerciales y acompañamiento del naranja primario. */
  --fry-p-color-peach-40: #f7b7a2; /** Tono claro con reducción progresiva de saturación — menor peso visual. Color secundario de marca Yanbal — menos saturado. Uso en fondos de producto — piezas comerciales y acompañamiento del naranja primario. */
  --fry-p-color-peach-50: #f49e83; /** Tono claro medio. Saturación en ascenso previo al tono base. Color secundario de marca Yanbal — menos saturado. Uso en fondos de producto — piezas comerciales y acompañamiento del naranja primario. */
  --fry-p-color-peach-60: #ff8a62; /** Tono base del color secundario de marca. Máxima saturación y referencia cromática principal de la paleta. Color secundario de marca Yanbal — menos saturado. Uso en fondos de producto — piezas comerciales y acompañamiento del naranja primario. */
  --fry-p-color-peach-70: #e67652; /** Tono oscuro. Primera reducción de luminosidad desde el tono base. Color secundario de marca Yanbal — menos saturado. Uso en fondos de producto — piezas comerciales y acompañamiento del naranja primario. */
  --fry-p-color-peach-80: #cc6244; /** Tono muy oscuro. Alta profundidad cromática — uso en texto y acentos sobre fondo claro. Color secundario de marca Yanbal — menos saturado. Uso en fondos de producto — piezas comerciales y acompañamiento del naranja primario. */
  --fry-p-color-peach-90: #a34c35; /** Tono profundo. Cerca del límite de oscuridad — conserva identidad del color. Color secundario de marca Yanbal — menos saturado. Uso en fondos de producto — piezas comerciales y acompañamiento del naranja primario. */
  --fry-p-color-peach-100: #733426; /** Tono más oscuro de la escala. Mínima luminosidad y máxima profundidad cromática. Color secundario de marca Yanbal — menos saturado. Uso en fondos de producto — piezas comerciales y acompañamiento del naranja primario. */
  --fry-p-color-bone-10: #f8f7f4; /** Tono más claro de la escala. Máxima luminosidad y mínima saturación. Paleta de fondos cálidos. Uso en superficies — contenedores y layouts que requieren temperatura cromática cálida. */
  --fry-p-color-bone-20: #f1efea; /** Tono suave — cercano a fondos claros. Mínima intensidad visual. Paleta de fondos cálidos. Uso en superficies — contenedores y layouts que requieren temperatura cromática cálida. */
  --fry-p-color-bone-30: #edece4; /** Tono muy claro. Alta luminosidad y baja presencia cromática. Paleta de fondos cálidos. Uso en superficies — contenedores y layouts que requieren temperatura cromática cálida. */
  --fry-p-color-bone-40: #dfdccf; /** Tono claro con reducción progresiva de saturación — menor peso visual. Paleta de fondos cálidos. Uso en superficies — contenedores y layouts que requieren temperatura cromática cálida. */
  --fry-p-color-bone-50: #cfcbbe; /** Tono claro medio. Saturación en ascenso previo al tono base. Paleta de fondos cálidos. Uso en superficies — contenedores y layouts que requieren temperatura cromática cálida. */
  --fry-p-color-bone-60: #b8b4a6; /** Tono base del color de fondo cálido. Máxima saturación y referencia cromática principal de la paleta. Paleta de fondos cálidos. Uso en superficies — contenedores y layouts que requieren temperatura cromática cálida. */
  --fry-p-color-bone-70: #9e9a8c; /** Tono oscuro. Primera reducción de luminosidad desde el tono base. Paleta de fondos cálidos. Uso en superficies — contenedores y layouts que requieren temperatura cromática cálida. */
  --fry-p-color-bone-80: #838072; /** Tono muy oscuro. Alta profundidad cromática — uso en texto y acentos sobre fondo claro. Paleta de fondos cálidos. Uso en superficies — contenedores y layouts que requieren temperatura cromática cálida. */
  --fry-p-color-bone-90: #646155; /** Tono profundo. Cerca del límite de oscuridad — conserva identidad del color. Paleta de fondos cálidos. Uso en superficies — contenedores y layouts que requieren temperatura cromática cálida. */
  --fry-p-color-bone-100: #4a473d; /** Tono más oscuro de la escala. Mínima luminosidad y máxima profundidad cromática. Paleta de fondos cálidos. Uso en superficies — contenedores y layouts que requieren temperatura cromática cálida. */
  --fry-p-color-pistachio-10: #ecf0ed; /** Tono más claro de la escala. Máxima luminosidad y mínima saturación. Paleta de apoyo. Sin semántica establecida en el sistema. Disponible para uso contextual en proyectos específicos. */
  --fry-p-color-pistachio-20: #c7d1c8; /** Tono suave — cercano a fondos claros. Mínima intensidad visual. Paleta de apoyo. Sin semántica establecida en el sistema. Disponible para uso contextual en proyectos específicos. */
  --fry-p-color-pistachio-30: #a2b2a3; /** Tono muy claro. Alta luminosidad y baja presencia cromática. Paleta de apoyo. Sin semántica establecida en el sistema. Disponible para uso contextual en proyectos específicos. */
  --fry-p-color-pistachio-40: #58745a; /** Tono claro con reducción progresiva de saturación — menor peso visual. Paleta de apoyo. Sin semántica establecida en el sistema. Disponible para uso contextual en proyectos específicos. */
  --fry-p-color-pistachio-50: #4f6a51; /** Tono claro medio. Saturación en ascenso previo al tono base. Paleta de apoyo. Sin semántica establecida en el sistema. Disponible para uso contextual en proyectos específicos. */
  --fry-p-color-pistachio-60: #465f47; /** Tono base del color. Máxima saturación y referencia cromática principal de la paleta. Paleta de apoyo. Sin semántica establecida en el sistema. Disponible para uso contextual en proyectos específicos. */
  --fry-p-color-pistachio-70: #3b523c; /** Tono oscuro. Primera reducción de luminosidad desde el tono base. Paleta de apoyo. Sin semántica establecida en el sistema. Disponible para uso contextual en proyectos específicos. */
  --fry-p-color-pistachio-80: #2f4230; /** Tono muy oscuro. Alta profundidad cromática — uso en texto y acentos fuertes. Paleta de apoyo. Sin semántica establecida en el sistema. Disponible para uso contextual en proyectos específicos. */
  --fry-p-color-pistachio-90: #243225; /** Tono profundo. Cerca del límite de oscuridad — conserva identidad del color. Paleta de apoyo. Sin semántica establecida en el sistema. Disponible para uso contextual en proyectos específicos. */
  --fry-p-color-pistachio-100: #19231a; /** Tono más oscuro de la escala. Mínima luminosidad y máxima profundidad cromática. Paleta de apoyo. Sin semántica establecida en el sistema. Disponible para uso contextual en proyectos específicos. */
  --fry-p-color-olive-10: #f4f5ec; /** Tono más claro de la escala. Máxima luminosidad y mínima saturación. Paleta de apoyo. Sin semántica establecida en el sistema. Disponible para uso contextual en proyectos específicos. */
  --fry-p-color-olive-20: #d2d6b2; /** Tono suave — cercano a fondos claros. Mínima intensidad visual. Paleta de apoyo. Sin semántica establecida en el sistema. Disponible para uso contextual en proyectos específicos. */
  --fry-p-color-olive-30: #bcc28b; /** Tono muy claro. Alta luminosidad y baja presencia cromática. Paleta de apoyo. Sin semántica establecida en el sistema. Disponible para uso contextual en proyectos específicos. */
  --fry-p-color-olive-40: #9aa351; /** Tono claro con reducción progresiva de saturación — menor peso visual. Paleta de apoyo. Sin semántica establecida en el sistema. Disponible para uso contextual en proyectos específicos. */
  --fry-p-color-olive-50: #8c9449; /** Tono claro medio. Saturación en ascenso previo al tono base. Paleta de apoyo. Sin semántica establecida en el sistema. Disponible para uso contextual en proyectos específicos. */
  --fry-p-color-olive-60: #7d853f; /** Tono base del color. Máxima saturación y referencia cromática principal de la paleta. Paleta de apoyo. Sin semántica establecida en el sistema. Disponible para uso contextual en proyectos específicos. */
  --fry-p-color-olive-70: #6d7436; /** Tono oscuro. Primera reducción de luminosidad desde el tono base. Paleta de apoyo. Sin semántica establecida en el sistema. Disponible para uso contextual en proyectos específicos. */
  --fry-p-color-olive-80: #585f2c; /** Tono muy oscuro. Alta profundidad cromática — uso en texto y acentos fuertes. Paleta de apoyo. Sin semántica establecida en el sistema. Disponible para uso contextual en proyectos específicos. */
  --fry-p-color-olive-90: #434823; /** Tono profundo. Cerca del límite de oscuridad — conserva identidad del color. Paleta de apoyo. Sin semántica establecida en el sistema. Disponible para uso contextual en proyectos específicos. */
  --fry-p-color-olive-100: #2e3218; /** Tono más oscuro de la escala. Mínima luminosidad y máxima profundidad cromática. Paleta de apoyo. Sin semántica establecida en el sistema. Disponible para uso contextual en proyectos específicos. */
  --fry-p-color-aegean-10: #e5eef1; /** Tono más claro de la escala. Máxima luminosidad y mínima saturación. Paleta de apoyo. Sin semántica establecida en el sistema. Disponible para uso contextual en proyectos específicos. */
  --fry-p-color-aegean-20: #b2ccd4; /** Tono suave — cercano a fondos claros. Mínima intensidad visual. Paleta de apoyo. Sin semántica establecida en el sistema. Disponible para uso contextual en proyectos específicos. */
  --fry-p-color-aegean-30: #669aa9; /** Tono muy claro. Alta luminosidad y baja presencia cromática. Paleta de apoyo. Sin semántica establecida en el sistema. Disponible para uso contextual en proyectos específicos. */
  --fry-p-color-aegean-40: #3f8395; /** Tono claro con reducción progresiva de saturación — menor peso visual. Paleta de apoyo. Sin semántica establecida en el sistema. Disponible para uso contextual en proyectos específicos. */
  --fry-p-color-aegean-50: #1a677e; /** Tono claro medio. Saturación en ascenso previo al tono base. Paleta de apoyo. Sin semántica establecida en el sistema. Disponible para uso contextual en proyectos específicos. */
  --fry-p-color-aegean-60: #155467; /** Tono base del color. Máxima saturación y referencia cromática principal de la paleta. Paleta de apoyo. Sin semántica establecida en el sistema. Disponible para uso contextual en proyectos específicos. */
  --fry-p-color-aegean-70: #12495a; /** Tono oscuro. Primera reducción de luminosidad desde el tono base. Paleta de apoyo. Sin semántica establecida en el sistema. Disponible para uso contextual en proyectos específicos. */
  --fry-p-color-aegean-80: #0e3c4a; /** Tono muy oscuro. Alta profundidad cromática — uso en texto y acentos fuertes. Paleta de apoyo. Sin semántica establecida en el sistema. Disponible para uso contextual en proyectos específicos. */
  --fry-p-color-aegean-90: #0a2f3a; /** Tono profundo. Cerca del límite de oscuridad — conserva identidad del color. Paleta de apoyo. Sin semántica establecida en el sistema. Disponible para uso contextual en proyectos específicos. */
  --fry-p-color-aegean-100: #061f27; /** Tono más oscuro de la escala. Mínima luminosidad y máxima profundidad cromática. Paleta de apoyo. Sin semántica establecida en el sistema. Disponible para uso contextual en proyectos específicos. */
  --fry-p-color-mint-10: #e5f8f8; /** Tono más claro de la escala. Máxima luminosidad y mínima saturación. Paleta semántica de éxito. Uso en estados de confirmación — validación positiva y feedback satisfactorio. */
  --fry-p-color-mint-20: #c6eeed; /** Tono suave — cercano a fondos claros. Mínima intensidad visual. Paleta semántica de éxito. Uso en estados de confirmación — validación positiva y feedback satisfactorio. */
  --fry-p-color-mint-30: #9ce0df; /** Tono muy claro. Alta luminosidad y baja presencia cromática. Paleta semántica de éxito. Uso en estados de confirmación — validación positiva y feedback satisfactorio. */
  --fry-p-color-mint-40: #6acac9; /** Tono claro con reducción progresiva de saturación — menor peso visual. Paleta semántica de éxito. Uso en estados de confirmación — validación positiva y feedback satisfactorio. */
  --fry-p-color-mint-50: #57a8a7; /** Tono claro medio. Saturación en ascenso previo al tono base. Paleta semántica de éxito. Uso en estados de confirmación — validación positiva y feedback satisfactorio. */
  --fry-p-color-mint-60: #407d7d; /** Tono base del color de éxito. Máxima saturación y referencia cromática principal de la paleta. Paleta semántica de éxito. Uso en estados de confirmación — validación positiva y feedback satisfactorio. */
  --fry-p-color-mint-70: #346867; /** Tono oscuro. Primera reducción de luminosidad desde el tono base. Paleta semántica de éxito. Uso en estados de confirmación — validación positiva y feedback satisfactorio. */
  --fry-p-color-mint-80: #26504f; /** Tono muy oscuro. Alta profundidad cromática — uso en texto y acentos sobre fondo claro. Paleta semántica de éxito. Uso en estados de confirmación — validación positiva y feedback satisfactorio. */
  --fry-p-color-mint-90: #1b3c3b; /** Tono profundo. Cerca del límite de oscuridad — conserva identidad del color. Paleta semántica de éxito. Uso en estados de confirmación — validación positiva y feedback satisfactorio. */
  --fry-p-color-mint-100: #0f2626; /** Tono más oscuro de la escala. Mínima luminosidad y máxima profundidad cromática. Paleta semántica de éxito. Uso en estados de confirmación — validación positiva y feedback satisfactorio. */
  --fry-p-color-crimson-10: #ffefef; /** Tono más claro de la escala. Máxima luminosidad y mínima saturación. Paleta semántica de error y peligro. Uso en estados de fallo — alertas críticas y acciones destructivas. */
  --fry-p-color-crimson-20: #ffdada; /** Tono suave — cercano a fondos claros. Mínima intensidad visual. Paleta semántica de error y peligro. Uso en estados de fallo — alertas críticas y acciones destructivas. */
  --fry-p-color-crimson-30: #ffbebe; /** Tono muy claro. Alta luminosidad y baja presencia cromática. Paleta semántica de error y peligro. Uso en estados de fallo — alertas críticas y acciones destructivas. */
  --fry-p-color-crimson-40: #ff9498; /** Tono claro con reducción progresiva de saturación — menor peso visual. Paleta semántica de error y peligro. Uso en estados de fallo — alertas críticas y acciones destructivas. */
  --fry-p-color-crimson-50: #ea6972; /** Tono claro medio. Saturación en ascenso previo al tono base. Paleta semántica de error y peligro. Uso en estados de fallo — alertas críticas y acciones destructivas. */
  --fry-p-color-crimson-60: #c03a4a; /** Tono base del color de error. Máxima saturación y referencia cromática principal de la paleta. Paleta semántica de error y peligro. Uso en estados de fallo — alertas críticas y acciones destructivas. */
  --fry-p-color-crimson-70: #a4283a; /** Tono oscuro. Primera reducción de luminosidad desde el tono base. Paleta semántica de error y peligro. Uso en estados de fallo — alertas críticas y acciones destructivas. */
  --fry-p-color-crimson-80: #821829; /** Tono muy oscuro. Alta profundidad cromática — uso en texto y acentos sobre fondo claro. Paleta semántica de error y peligro. Uso en estados de fallo — alertas críticas y acciones destructivas. */
  --fry-p-color-crimson-90: #650c1d; /** Tono profundo. Cerca del límite de oscuridad — conserva identidad del color. Paleta semántica de error y peligro. Uso en estados de fallo — alertas críticas y acciones destructivas. */
  --fry-p-color-crimson-100: #430610; /** Tono más oscuro de la escala. Mínima luminosidad y máxima profundidad cromática. Paleta semántica de error y peligro. Uso en estados de fallo — alertas críticas y acciones destructivas. */
  --fry-p-color-slate-10: #f4f6f6; /** Tono más claro de la escala. Máxima luminosidad y mínima saturación. Paleta de apoyo. Sin semántica establecida en el sistema. Disponible para uso contextual en proyectos específicos. */
  --fry-p-color-slate-20: #e8eced; /** Tono suave — cercano a fondos claros. Mínima intensidad visual. Paleta de apoyo. Sin semántica establecida en el sistema. Disponible para uso contextual en proyectos específicos. */
  --fry-p-color-slate-30: #c6d0d2; /** Tono muy claro. Alta luminosidad y baja presencia cromática. Paleta de apoyo. Sin semántica establecida en el sistema. Disponible para uso contextual en proyectos específicos. */
  --fry-p-color-slate-40: #99aaae; /** Tono claro con reducción progresiva de saturación — menor peso visual. Paleta de apoyo. Sin semántica establecida en el sistema. Disponible para uso contextual en proyectos específicos. */
  --fry-p-color-slate-50: #7f9398; /** Tono claro medio. Saturación en ascenso previo al tono base. Paleta de apoyo. Sin semántica establecida en el sistema. Disponible para uso contextual en proyectos específicos. */
  --fry-p-color-slate-60: #667c82; /** Tono base del color. Máxima saturación y referencia cromática principal de la paleta. Paleta de apoyo. Sin semántica establecida en el sistema. Disponible para uso contextual en proyectos específicos. */
  --fry-p-color-slate-70: #4f666c; /** Tono oscuro. Primera reducción de luminosidad desde el tono base. Paleta de apoyo. Sin semántica establecida en el sistema. Disponible para uso contextual en proyectos específicos. */
  --fry-p-color-slate-80: #3a4f54; /** Tono muy oscuro. Alta profundidad cromática — uso en texto y acentos fuertes. Paleta de apoyo. Sin semántica establecida en el sistema. Disponible para uso contextual en proyectos específicos. */
  --fry-p-color-slate-90: #27383c; /** Tono profundo. Cerca del límite de oscuridad — conserva identidad del color. Paleta de apoyo. Sin semántica establecida en el sistema. Disponible para uso contextual en proyectos específicos. */
  --fry-p-color-slate-100: #182629; /** Tono más oscuro de la escala. Mínima luminosidad y máxima profundidad cromática. Paleta de apoyo. Sin semántica establecida en el sistema. Disponible para uso contextual en proyectos específicos. */
  --fry-p-color-wine-10: #feedff; /** Tono más claro de la escala. Máxima luminosidad y mínima saturación. Paleta semántica para el perfil de reincorporación. Identifica consultoras que salieron de Yanbal y pueden ser reincorporadas. */
  --fry-p-color-wine-20: #fad8fb; /** Tono suave — cercano a fondos claros. Mínima intensidad visual. Paleta semántica para el perfil de reincorporación. Identifica consultoras que salieron de Yanbal y pueden ser reincorporadas. */
  --fry-p-color-wine-30: #f3bbf5; /** Tono muy claro. Alta luminosidad y baja presencia cromática. Paleta semántica para el perfil de reincorporación. Identifica consultoras que salieron de Yanbal y pueden ser reincorporadas. */
  --fry-p-color-wine-40: #e497e8; /** Tono claro con reducción progresiva de saturación — menor peso visual. Paleta semántica para el perfil de reincorporación. Identifica consultoras que salieron de Yanbal y pueden ser reincorporadas. */
  --fry-p-color-wine-50: #c972ce; /** Tono claro medio. Saturación en ascenso previo al tono base. Paleta semántica para el perfil de reincorporación. Identifica consultoras que salieron de Yanbal y pueden ser reincorporadas. */
  --fry-p-color-wine-60: #a146a7; /** Tono base del color de perfil ex-consultora. Máxima saturación y referencia cromática principal de la paleta. Paleta semántica para el perfil de reincorporación. Identifica consultoras que salieron de Yanbal y pueden ser reincorporadas. */
  --fry-p-color-wine-70: #88358e; /** Tono oscuro. Primera reducción de luminosidad desde el tono base. Paleta semántica para el perfil de reincorporación. Identifica consultoras que salieron de Yanbal y pueden ser reincorporadas. */
  --fry-p-color-wine-80: #6b2470; /** Tono muy oscuro. Alta profundidad cromática — uso en texto y acentos sobre fondo claro. Paleta semántica para el perfil de reincorporación. Identifica consultoras que salieron de Yanbal y pueden ser reincorporadas. */
  --fry-p-color-wine-90: #521856; /** Tono profundo. Cerca del límite de oscuridad — conserva identidad del color. Paleta semántica para el perfil de reincorporación. Identifica consultoras que salieron de Yanbal y pueden ser reincorporadas. */
  --fry-p-color-wine-100: #360d39; /** Tono más oscuro de la escala. Mínima luminosidad y máxima profundidad cromática. Paleta semántica para el perfil de reincorporación. Identifica consultoras que salieron de Yanbal y pueden ser reincorporadas. */
  --fry-p-color-blue-10: #ecf4ff; /** Tono más claro de la escala. Máxima luminosidad y mínima saturación. Paleta semántica informativa. Uso exclusivo en estados y mensajes de información. */
  --fry-p-color-blue-20: #d3e7ff; /** Tono suave — cercano a fondos claros. Mínima intensidad visual. Paleta semántica informativa. Uso exclusivo en estados y mensajes de información. */
  --fry-p-color-blue-30: #b1d4ff; /** Tono muy claro. Alta luminosidad y baja presencia cromática. Paleta semántica informativa. Uso exclusivo en estados y mensajes de información. */
  --fry-p-color-blue-40: #81bbff; /** Tono claro con reducción progresiva de saturación — menor peso visual. Paleta semántica informativa. Uso exclusivo en estados y mensajes de información. */
  --fry-p-color-blue-50: #469bf7; /** Tono claro medio. Saturación en ascenso previo al tono base. Paleta semántica informativa. Uso exclusivo en estados y mensajes de información. */
  --fry-p-color-blue-60: #0071d0; /** Tono base del color informativo. Máxima saturación y referencia cromática principal de la paleta. Paleta semántica informativa. Uso exclusivo en estados y mensajes de información. */
  --fry-p-color-blue-70: #005dae; /** Tono oscuro. Primera reducción de luminosidad desde el tono base. Paleta semántica informativa. Uso exclusivo en estados y mensajes de información. */
  --fry-p-color-blue-80: #004787; /** Tono muy oscuro. Alta profundidad cromática — uso en texto y acentos sobre fondo claro. Paleta semántica informativa. Uso exclusivo en estados y mensajes de información. */
  --fry-p-color-blue-90: #003567; /** Tono profundo. Cerca del límite de oscuridad — conserva identidad del color. Paleta semántica informativa. Uso exclusivo en estados y mensajes de información. */
  --fry-p-color-blue-100: #002145; /** Tono más oscuro de la escala. Mínima luminosidad y máxima profundidad cromática. Paleta semántica informativa. Uso exclusivo en estados y mensajes de información. */
  --fry-p-color-magenta-10: #ffd6ec; /** Tono más claro de la escala. Máxima luminosidad y mínima saturación. Paleta de apoyo. Sin semántica establecida en el sistema. Disponible para uso contextual en proyectos específicos. */
  --fry-p-color-magenta-20: #f7a3cf; /** Tono suave — cercano a fondos claros. Mínima intensidad visual. Paleta de apoyo. Sin semántica establecida en el sistema. Disponible para uso contextual en proyectos específicos. */
  --fry-p-color-magenta-30: #f36bb4; /** Tono muy claro. Alta luminosidad y baja presencia cromática. Paleta de apoyo. Sin semántica establecida en el sistema. Disponible para uso contextual en proyectos específicos. */
  --fry-p-color-magenta-40: #e00077; /** Tono claro con reducción progresiva de saturación — menor peso visual. Paleta de apoyo. Sin semántica establecida en el sistema. Disponible para uso contextual en proyectos específicos. */
  --fry-p-color-magenta-50: #b0005f; /** Tono claro medio. Saturación en ascenso previo al tono base. Paleta de apoyo. Sin semántica establecida en el sistema. Disponible para uso contextual en proyectos específicos. */
  --fry-p-color-magenta-60: #8f004c; /** Tono base del color. Máxima saturación y referencia cromática principal de la paleta. Paleta de apoyo. Sin semántica establecida en el sistema. Disponible para uso contextual en proyectos específicos. */
  --fry-p-color-magenta-70: #74003e; /** Tono oscuro. Primera reducción de luminosidad desde el tono base. Paleta de apoyo. Sin semántica establecida en el sistema. Disponible para uso contextual en proyectos específicos. */
  --fry-p-color-magenta-80: #5a0031; /** Tono muy oscuro. Alta profundidad cromática — uso en texto y acentos fuertes. Paleta de apoyo. Sin semántica establecida en el sistema. Disponible para uso contextual en proyectos específicos. */
  --fry-p-color-magenta-90: #430024; /** Tono profundo. Cerca del límite de oscuridad — conserva identidad del color. Paleta de apoyo. Sin semántica establecida en el sistema. Disponible para uso contextual en proyectos específicos. */
  --fry-p-color-magenta-100: #2d0018; /** Tono más oscuro de la escala. Mínima luminosidad y máxima profundidad cromática. Paleta de apoyo. Sin semántica establecida en el sistema. Disponible para uso contextual en proyectos específicos. */
  --fry-p-color-purple-10: #f3e6f4; /** Tono más claro de la escala. Máxima luminosidad y mínima saturación. Paleta de apoyo. Sin semántica establecida en el sistema. Disponible para uso contextual en proyectos específicos. */
  --fry-p-color-purple-20: #d9b6db; /** Tono suave — cercano a fondos claros. Mínima intensidad visual. Paleta de apoyo. Sin semántica establecida en el sistema. Disponible para uso contextual en proyectos específicos. */
  --fry-p-color-purple-30: #b97fbc; /** Tono muy claro. Alta luminosidad y baja presencia cromática. Paleta de apoyo. Sin semántica establecida en el sistema. Disponible para uso contextual en proyectos específicos. */
  --fry-p-color-purple-40: #9c4fa2; /** Tono claro con reducción progresiva de saturación — menor peso visual. Paleta de apoyo. Sin semántica establecida en el sistema. Disponible para uso contextual en proyectos específicos. */
  --fry-p-color-purple-50: #820085; /** Tono claro medio. Saturación en ascenso previo al tono base. Paleta de apoyo. Sin semántica establecida en el sistema. Disponible para uso contextual en proyectos específicos. */
  --fry-p-color-purple-60: #6e0073; /** Tono base del color. Máxima saturación y referencia cromática principal de la paleta. Paleta de apoyo. Sin semántica establecida en el sistema. Disponible para uso contextual en proyectos específicos. */
  --fry-p-color-purple-70: #5a0060; /** Tono oscuro. Primera reducción de luminosidad desde el tono base. Paleta de apoyo. Sin semántica establecida en el sistema. Disponible para uso contextual en proyectos específicos. */
  --fry-p-color-purple-80: #48004d; /** Tono muy oscuro. Alta profundidad cromática — uso en texto y acentos fuertes. Paleta de apoyo. Sin semántica establecida en el sistema. Disponible para uso contextual en proyectos específicos. */
  --fry-p-color-purple-90: #37003b; /** Tono profundo. Cerca del límite de oscuridad — conserva identidad del color. Paleta de apoyo. Sin semántica establecida en el sistema. Disponible para uso contextual en proyectos específicos. */
  --fry-p-color-purple-100: #28002b; /** Tono más oscuro de la escala. Mínima luminosidad y máxima profundidad cromática. Paleta de apoyo. Sin semántica establecida en el sistema. Disponible para uso contextual en proyectos específicos. */
  --fry-p-color-pink-10: #fce5f1; /** Tono más claro de la escala. Máxima luminosidad y mínima saturación. Paleta de apoyo. Sin semántica establecida en el sistema. Disponible para uso contextual en proyectos específicos. */
  --fry-p-color-pink-20: #f8e5f8; /** Tono suave — cercano a fondos claros. Mínima intensidad visual. Paleta de apoyo. Sin semántica establecida en el sistema. Disponible para uso contextual en proyectos específicos. */
  --fry-p-color-pink-30: #f3c9e2; /** Tono muy claro. Alta luminosidad y baja presencia cromática. Paleta de apoyo. Sin semántica establecida en el sistema. Disponible para uso contextual en proyectos específicos. */
  --fry-p-color-pink-40: #efaad0; /** Tono claro con reducción progresiva de saturación — menor peso visual. Paleta de apoyo. Sin semántica establecida en el sistema. Disponible para uso contextual en proyectos específicos. */
  --fry-p-color-pink-50: #e887bc; /** Tono claro medio. Saturación en ascenso previo al tono base. Paleta de apoyo. Sin semántica establecida en el sistema. Disponible para uso contextual en proyectos específicos. */
  --fry-p-color-pink-60: #d96aa7; /** Tono base del color. Máxima saturación y referencia cromática principal de la paleta. Paleta de apoyo. Sin semántica establecida en el sistema. Disponible para uso contextual en proyectos específicos. */
  --fry-p-color-pink-70: #bf4f8e; /** Tono oscuro. Primera reducción de luminosidad desde el tono base. Paleta de apoyo. Sin semántica establecida en el sistema. Disponible para uso contextual en proyectos específicos. */
  --fry-p-color-pink-80: #9e3c73; /** Tono muy oscuro. Alta profundidad cromática — uso en texto y acentos fuertes. Paleta de apoyo. Sin semántica establecida en el sistema. Disponible para uso contextual en proyectos específicos. */
  --fry-p-color-pink-90: #7a2c59; /** Tono profundo. Cerca del límite de oscuridad — conserva identidad del color. Paleta de apoyo. Sin semántica establecida en el sistema. Disponible para uso contextual en proyectos específicos. */
  --fry-p-color-pink-100: #561d40; /** Tono más oscuro de la escala. Mínima luminosidad y máxima profundidad cromática. Paleta de apoyo. Sin semántica establecida en el sistema. Disponible para uso contextual en proyectos específicos. */
  --fry-p-color-green-10: #e6f7ea; /** Tono más claro de la escala. Máxima luminosidad y mínima saturación. Paleta de apoyo. Sin semántica establecida en el sistema. Disponible para uso contextual en proyectos específicos. */
  --fry-p-color-green-20: #c2efcb; /** Tono suave — cercano a fondos claros. Mínima intensidad visual. Paleta de apoyo. Sin semántica establecida en el sistema. Disponible para uso contextual en proyectos específicos. */
  --fry-p-color-green-30: #8fe3a1; /** Tono muy claro. Alta luminosidad y baja presencia cromática. Paleta de apoyo. Sin semántica establecida en el sistema. Disponible para uso contextual en proyectos específicos. */
  --fry-p-color-green-40: #4fd66f; /** Tono claro con reducción progresiva de saturación — menor peso visual. Paleta de apoyo. Sin semántica establecida en el sistema. Disponible para uso contextual en proyectos específicos. */
  --fry-p-color-green-50: #1fcb3f; /** Tono claro medio. Saturación en ascenso previo al tono base. Paleta de apoyo. Sin semántica establecida en el sistema. Disponible para uso contextual en proyectos específicos. */
  --fry-p-color-green-60: #00bf16; /** Tono base del color. Máxima saturación y referencia cromática principal de la paleta. Paleta de apoyo. Sin semántica establecida en el sistema. Disponible para uso contextual en proyectos específicos. */
  --fry-p-color-green-70: #00a514; /** Tono oscuro. Primera reducción de luminosidad desde el tono base. Paleta de apoyo. Sin semántica establecida en el sistema. Disponible para uso contextual en proyectos específicos. */
  --fry-p-color-green-80: #005c0b; /** Tono muy oscuro. Alta profundidad cromática — uso en texto y acentos fuertes. Paleta de apoyo. Sin semántica establecida en el sistema. Disponible para uso contextual en proyectos específicos. */
  --fry-p-color-green-90: #004809; /** Tono profundo. Cerca del límite de oscuridad — conserva identidad del color. Paleta de apoyo. Sin semántica establecida en el sistema. Disponible para uso contextual en proyectos específicos. */
  --fry-p-color-green-100: #003306; /** Tono más oscuro de la escala. Mínima luminosidad y máxima profundidad cromática. Paleta de apoyo. Sin semántica establecida en el sistema. Disponible para uso contextual en proyectos específicos. */
  --fry-p-color-indigo-10: #e5e7f8; /** Tono más claro de la escala. Máxima luminosidad y mínima saturación. Paleta de apoyo. Sin semántica establecida en el sistema. Disponible para uso contextual en proyectos específicos. */
  --fry-p-color-indigo-20: #c7cbf2; /** Tono suave — cercano a fondos claros. Mínima intensidad visual. Paleta de apoyo. Sin semántica establecida en el sistema. Disponible para uso contextual en proyectos específicos. */
  --fry-p-color-indigo-30: #a5abe9; /** Tono muy claro. Alta luminosidad y baja presencia cromática. Paleta de apoyo. Sin semántica establecida en el sistema. Disponible para uso contextual en proyectos específicos. */
  --fry-p-color-indigo-40: #8086df; /** Tono claro con reducción progresiva de saturación — menor peso visual. Paleta de apoyo. Sin semántica establecida en el sistema. Disponible para uso contextual en proyectos específicos. */
  --fry-p-color-indigo-50: #6c72d1; /** Tono claro medio. Saturación en ascenso previo al tono base. Paleta de apoyo. Sin semántica establecida en el sistema. Disponible para uso contextual en proyectos específicos. */
  --fry-p-color-indigo-60: #575fc2; /** Tono base del color. Máxima saturación y referencia cromática principal de la paleta. Paleta de apoyo. Sin semántica establecida en el sistema. Disponible para uso contextual en proyectos específicos. */
  --fry-p-color-indigo-70: #444cb0; /** Tono oscuro. Primera reducción de luminosidad desde el tono base. Paleta de apoyo. Sin semántica establecida en el sistema. Disponible para uso contextual en proyectos específicos. */
  --fry-p-color-indigo-80: #383f96; /** Tono muy oscuro. Alta profundidad cromática — uso en texto y acentos fuertes. Paleta de apoyo. Sin semántica establecida en el sistema. Disponible para uso contextual en proyectos específicos. */
  --fry-p-color-indigo-90: #2c327a; /** Tono profundo. Cerca del límite de oscuridad — conserva identidad del color. Paleta de apoyo. Sin semántica establecida en el sistema. Disponible para uso contextual en proyectos específicos. */
  --fry-p-color-indigo-100: #21265f; /** Tono más oscuro de la escala. Mínima luminosidad y máxima profundidad cromática. Paleta de apoyo. Sin semántica establecida en el sistema. Disponible para uso contextual en proyectos específicos. */
  --fry-p-color-pearl-10: #f8f7f4; /** Tono más claro de la escala. Máxima luminosidad y mínima saturación. Paleta de fondos neutros cálidos. Uso en superficies de alta luminosidad con temperatura cálida sutil. */
  --fry-p-color-pearl-20: #f5f3ef; /** Tono suave — cercano a fondos claros. Mínima intensidad visual. Paleta de fondos neutros cálidos. Uso en superficies de alta luminosidad con temperatura cálida sutil. */
  --fry-p-color-pearl-30: #f1efea; /** Tono muy claro. Alta luminosidad y baja presencia cromática. Paleta de fondos neutros cálidos. Uso en superficies de alta luminosidad con temperatura cálida sutil. */
  --fry-p-color-pearl-40: #eae8df; /** Tono claro con reducción progresiva de saturación — menor peso visual. Paleta de fondos neutros cálidos. Uso en superficies de alta luminosidad con temperatura cálida sutil. */
  --fry-p-color-pearl-50: #e3e0d5; /** Tono claro medio. Saturación en ascenso previo al tono base. Paleta de fondos neutros cálidos. Uso en superficies de alta luminosidad con temperatura cálida sutil. */
  --fry-p-color-pearl-60: #dfdccf; /** Tono base del color de fondo neutro cálido. Máxima saturación y referencia cromática principal de la paleta. Paleta de fondos neutros cálidos. Uso en superficies de alta luminosidad con temperatura cálida sutil. */
  --fry-p-color-pearl-70: #c9c6ba; /** Tono oscuro. Primera reducción de luminosidad desde el tono base. Paleta de fondos neutros cálidos. Uso en superficies de alta luminosidad con temperatura cálida sutil. */
  --fry-p-color-pearl-80: #b2afa3; /** Tono muy oscuro. Alta profundidad cromática — uso en texto y acentos sobre fondo claro. Paleta de fondos neutros cálidos. Uso en superficies de alta luminosidad con temperatura cálida sutil. */
  --fry-p-color-pearl-90: #8f8c81; /** Tono profundo. Cerca del límite de oscuridad — conserva identidad del color. Paleta de fondos neutros cálidos. Uso en superficies de alta luminosidad con temperatura cálida sutil. */
  --fry-p-color-pearl-100: #6c6a60; /** Tono más oscuro de la escala. Mínima luminosidad y máxima profundidad cromática. Paleta de fondos neutros cálidos. Uso en superficies de alta luminosidad con temperatura cálida sutil. */
  --fry-p-color-yanbal-black-overlay-1: rgba(28, 31, 40, 0.01); /** Opacidad mínima. Máxima transparencia — oscurecimiento casi imperceptible. Variante con canal alfa del negro Yanbal para capas de oscurecimiento. */
  --fry-p-color-yanbal-black-overlay-10: rgba(28, 31, 40, 0.1); /** Opacidad mínima. Máxima transparencia — oscurecimiento casi imperceptible. Variante con canal alfa del negro Yanbal para capas de oscurecimiento. */
  --fry-p-color-yanbal-black-overlay-20: rgba(28, 31, 40, 0.2); /** Opacidad muy baja. Veladura oscura sutil sobre el fondo. Variante con canal alfa del negro Yanbal para capas de oscurecimiento. */
  --fry-p-color-yanbal-black-overlay-30: rgba(28, 31, 40, 0.3); /** Opacidad baja. Alta transparencia — uso en capas de oscurecimiento suaves. Variante con canal alfa del negro Yanbal para capas de oscurecimiento. */
  --fry-p-color-yanbal-black-overlay-40: rgba(28, 31, 40, 0.4); /** Opacidad media-baja. Veladura moderada — fondo aún visible. Variante con canal alfa del negro Yanbal para capas de oscurecimiento. */
  --fry-p-color-yanbal-black-overlay-50: rgba(28, 31, 40, 0.5); /** Opacidad media. Punto de equilibrio entre transparencia y oscurecimiento. Variante con canal alfa del negro Yanbal para capas de oscurecimiento. */
  --fry-p-color-yanbal-black-overlay-60: rgba(28, 31, 40, 0.6); /** Opacidad media-alta. Oscurecimiento significativo del fondo. Variante con canal alfa del negro Yanbal para capas de oscurecimiento. */
  --fry-p-color-yanbal-black-overlay-70: rgba(28, 31, 40, 0.7); /** Opacidad alta. Capa dominante de oscurecimiento — uso en modales y overlays. Variante con canal alfa del negro Yanbal para capas de oscurecimiento. */
  --fry-p-color-yanbal-black-overlay-80: rgba(28, 31, 40, 0.8); /** Opacidad muy alta. Oscurecimiento fuerte — el negro de marca predomina. Variante con canal alfa del negro Yanbal para capas de oscurecimiento. */
  --fry-p-color-yanbal-black-overlay-90: rgba(28, 31, 40, 0.9); /** Opacidad casi total. Mínima transparencia residual. Variante con canal alfa del negro Yanbal para capas de oscurecimiento. */
  --fry-p-color-yanbal-black-overlay-100: rgba(28, 31, 40, 0.99); /** Opacidad completa. Sin transparencia — equivalente al negro sólido de marca. Variante con canal alfa del negro Yanbal para capas de oscurecimiento. */
  --fry-p-color-yanbal-orange-overlay-10: rgba(201, 78, 34, 0.1); /** Opacidad mínima. Máxima transparencia — presencia cromática casi imperceptible. Variante con canal alfa del naranja Yanbal para superposiciones. */
  --fry-p-color-yanbal-orange-overlay-20: rgba(201, 78, 34, 0.2); /** Opacidad muy baja. Veladura sutil sobre el fondo. Variante con canal alfa del naranja Yanbal para superposiciones. */
  --fry-p-color-yanbal-orange-overlay-30: rgba(201, 78, 34, 0.3); /** Opacidad baja. Alta transparencia — uso en capas decorativas sutiles. Variante con canal alfa del naranja Yanbal para superposiciones. */
  --fry-p-color-yanbal-orange-overlay-40: rgba(201, 78, 34, 0.4); /** Opacidad media-baja. Presencia cromática moderada — fondo aún visible. Variante con canal alfa del naranja Yanbal para superposiciones. */
  --fry-p-color-yanbal-orange-overlay-50: rgba(201, 78, 34, 0.5); /** Opacidad media. Punto de equilibrio entre transparencia y cobertura. Variante con canal alfa del naranja Yanbal para superposiciones. */
  --fry-p-color-yanbal-orange-overlay-60: rgba(201, 78, 34, 0.6); /** Opacidad media-alta. Cobertura significativa — fondo parcialmente visible. Variante con canal alfa del naranja Yanbal para superposiciones. */
  --fry-p-color-yanbal-orange-overlay-70: rgba(201, 78, 34, 0.7); /** Opacidad alta. Superposición dominante — fondo con baja visibilidad. Variante con canal alfa del naranja Yanbal para superposiciones. */
  --fry-p-color-yanbal-orange-overlay-80: rgba(201, 78, 34, 0.8); /** Opacidad muy alta. Cobertura fuerte — el naranja de marca predomina. Variante con canal alfa del naranja Yanbal para superposiciones. */
  --fry-p-color-yanbal-orange-overlay-90: rgba(201, 78, 34, 0.9); /** Opacidad casi total. Mínima transparencia residual. Variante con canal alfa del naranja Yanbal para superposiciones. */
  --fry-p-color-yanbal-orange-overlay-100: rgba(201, 78, 34, 0.99); /** Opacidad completa. Sin transparencia — equivalente al naranja sólido de marca. Variante con canal alfa del naranja Yanbal para superposiciones. */
  --fry-p-typography-font-weight-demi: demi; /** Peso tipográfico primitivo. Define los niveles de grosor disponibles para los tokens de texto del sistema. Variante: demi. */
  --fry-p-typography-font-weight-book: book; /** Peso tipográfico primitivo. Define los niveles de grosor disponibles para los tokens de texto del sistema. Variante: book. */
  --fry-p-typography-font-family-maison-neue: Maison Neue; /** Familia tipográfica primitiva del sistema. Define el typeface base para todos los tokens tipográficos de FrYDA. Variante: maison_neue. */
  --fry-p-number-0: 0; /** Valor numérico primitivo del sistema. Unidad base para spacing — sizing y radios. Escala: 0. */
  --fry-p-number-1: 1; /** Valor numérico primitivo del sistema. Unidad base para spacing — sizing y radios. Escala: 1. */
  --fry-p-number-2: 2; /** Valor numérico primitivo del sistema. Unidad base para spacing — sizing y radios. Escala: 2. */
  --fry-p-number-4: 4; /** Valor numérico primitivo del sistema. Unidad base para spacing — sizing y radios. Escala: 4. */
  --fry-p-number-8: 8; /** Valor numérico primitivo del sistema. Unidad base para spacing — sizing y radios. Escala: 8. */
  --fry-p-number-10: 10; /** Valor numérico primitivo del sistema. Unidad base para spacing — sizing y radios. Escala: 10. */
  --fry-p-number-12: 12; /** Valor numérico primitivo del sistema. Unidad base para spacing — sizing y radios. Escala: 12. */
  --fry-p-number-14: 14; /** Valor numérico primitivo del sistema. Unidad base para spacing — sizing y radios. Escala: 14. */
  --fry-p-number-16: 16; /** Valor numérico primitivo del sistema. Unidad base para spacing — sizing y radios. Escala: 16. */
  --fry-p-number-18: 18; /** Valor numérico primitivo del sistema. Unidad base para spacing — sizing y radios. Escala: 18. */
  --fry-p-number-20: 20; /** Valor numérico primitivo del sistema. Unidad base para spacing — sizing y radios. Escala: 20. */
  --fry-p-number-22: 22; /** Valor numérico primitivo del sistema. Unidad base para spacing — sizing y radios. Escala: 22. */
  --fry-p-number-24: 24; /** Valor numérico primitivo del sistema. Unidad base para spacing — sizing y radios. Escala: 24. */
  --fry-p-number-28: 28; /** Valor numérico primitivo del sistema. Unidad base para spacing — sizing y radios. Escala: 28. */
  --fry-p-number-32: 32; /** Valor numérico primitivo del sistema. Unidad base para spacing — sizing y radios. Escala: 32. */
  --fry-p-number-36: 36; /** Valor numérico primitivo del sistema. Unidad base para spacing — sizing y radios. Escala: 36. */
  --fry-p-number-40: 40; /** Valor numérico primitivo del sistema. Unidad base para spacing — sizing y radios. Escala: 40. */
  --fry-p-number-44: 44; /** Valor numérico primitivo del sistema. Unidad base para spacing — sizing y radios. Escala: 44. */
  --fry-p-number-48: 48; /** Valor numérico primitivo del sistema. Unidad base para spacing — sizing y radios. Escala: 48. */
  --fry-p-number-56: 56; /** Valor numérico primitivo del sistema. Unidad base para spacing — sizing y radios. Escala: 56. */
  --fry-p-number-60: 60; /** Valor numérico primitivo del sistema. Unidad base para spacing — sizing y radios. Escala: 60. */
  --fry-p-number-64: 64; /** Valor numérico primitivo del sistema. Unidad base para spacing — sizing y radios. Escala: 64. */
  --fry-p-number-72: 72; /** Valor numérico primitivo del sistema. Unidad base para spacing — sizing y radios. Escala: 72. */
  --fry-p-number-80: 80; /** Valor numérico primitivo del sistema. Unidad base para spacing — sizing y radios. Escala: 80. */
  --fry-p-number-88: 88; /** Valor numérico primitivo del sistema. Unidad base para spacing — sizing y radios. Escala: 88. */
  --fry-p-number-96: 96; /** Valor numérico primitivo del sistema. Unidad base para spacing — sizing y radios. Escala: 96. */
  --fry-p-number-100: 100; /** Valor numérico primitivo del sistema. Unidad base para spacing — sizing y radios. Escala: 96. */
  --fry-p-number-104: 104; /** Valor numérico primitivo del sistema. Unidad base para spacing — sizing y radios. Escala: 104. */
  --fry-p-number-112: 112; /** Valor numérico primitivo del sistema. Unidad base para spacing — sizing y radios. Escala: 112. */
  --fry-p-number-120: 120; /** Valor numérico primitivo del sistema. Unidad base para spacing — sizing y radios. Escala: 120. */
  --fry-p-number-128: 128; /** Valor numérico primitivo del sistema. Unidad base para spacing — sizing y radios. Escala: 128. */
  --fry-p-number-132: 132; /** Valor numérico primitivo del sistema. Unidad base para spacing — sizing y radios. Escala: 132. */
  --fry-p-number-136: 136; /** Valor numérico primitivo del sistema. Unidad base para spacing — sizing y radios. Escala: 136. */
  --fry-p-number-144: 144; /** Valor numérico primitivo del sistema. Unidad base para spacing — sizing y radios. Escala: 144. */
  --fry-p-number-152: 152; /** Valor numérico primitivo del sistema. Unidad base para spacing — sizing y radios. Escala: 152. */
  --fry-p-number-160: 160; /** Valor numérico primitivo del sistema. Unidad base para spacing — sizing y radios. Escala: 160. */
  --fry-p-number-200: 200; /** Valor numérico primitivo del sistema. Unidad base para spacing — sizing y radios. Escala: 200. */
  --fry-p-number-240: 240; /** Valor numérico primitivo del sistema. Unidad base para spacing — sizing y radios. Escala: 240. */
  --fry-p-number-296: 296; /** Valor numérico primitivo del sistema. Unidad base para spacing — sizing y radios. Escala: 296. */
  --fry-p-number-300: 300; /** Valor numérico primitivo del sistema. Unidad base para spacing — sizing y radios. Escala: 300. */
  --fry-p-number-312: 312; /** Valor numérico primitivo del sistema. Unidad base para spacing — sizing y radios. Escala: 312. */
  --fry-p-number-360: 360; /** Valor numérico primitivo del sistema. Unidad base para spacing — sizing y radios. Escala: 360. */
  --fry-p-number-400: 400; /** Valor numérico primitivo del sistema. Unidad base para spacing — sizing y radios. Escala: 400. */
  --fry-p-number-424: 424; /** Valor numérico primitivo del sistema. Unidad base para spacing — sizing y radios. Escala: 424. */
  --fry-p-number-486: 486; /** Valor numérico primitivo del sistema. Unidad base para spacing — sizing y radios. Escala: 486. */
  --fry-p-number-500: 500; /** Valor numérico primitivo del sistema. Unidad base para spacing — sizing y radios. Escala: 500. */
  --fry-p-number-600: 600; /** Valor numérico primitivo del sistema. Unidad base para spacing — sizing y radios. Escala: 600. */
  --fry-p-number-630: 630; /** Valor numérico primitivo del sistema. Unidad base para spacing — sizing y radios. Escala: 630. */
  --fry-p-number-768: 768; /** Valor numérico primitivo del sistema. Unidad base para spacing — sizing y radios. Escala: 768. */
  --fry-p-number-776: 776; /** Valor numérico primitivo del sistema. Unidad base para spacing — sizing y radios. Escala: 776. */
  --fry-p-number-780: 780; /** Valor numérico primitivo del sistema. Unidad base para spacing — sizing y radios. Escala: 780. */
  --fry-p-number-800: 800; /** Valor numérico primitivo del sistema. Unidad base para spacing — sizing y radios. Escala: 800. */
  --fry-p-number-920: 920; /** Valor numérico primitivo del sistema. Unidad base para spacing — sizing y radios. Escala: 920. */
  --fry-p-number-1024: 1024; /** Valor numérico primitivo del sistema. Unidad base para spacing — sizing y radios. Escala: 1024. */
  --fry-p-number-1360: 1360; /** Valor numérico primitivo del sistema. Unidad base para spacing — sizing y radios. Escala: 1360. */
  --fry-p-number-1600: 1600; /** Valor numérico primitivo del sistema. Unidad base para spacing — sizing y radios. Escala: 1600. */
  --fry-p-number-1920: 1920; /** Valor numérico primitivo del sistema. Unidad base para spacing — sizing y radios. Escala: 1920. */
  --fry-p-number-9999: 9999; /** Valor numérico primitivo del sistema. Unidad base para spacing — sizing y radios. Escala: 9999. */
  --fry-p-number-0-2: 0.2; /** Valor numérico primitivo del sistema. Unidad base para spacing — sizing y radios. Escala: 0_2. */
  }