:root {
    /* Paleta solicitada (extraída del logo) */
    --printext-orange: #FF8C22; /* El naranja vibrante de la 'P' */
    --printext-green: #3ed2d7;  /* El verde lima de la 'T' */

    /* Colores de acompañamiento */
    --dark-bg: #1A1A1B;         /* Un gris casi negro para fondos oscuros o texto principal */
    --soft-gray: var(--white);  /* mantenida por compatibilidad, mapeada a blanco */
    --white: #FFFFFF;           /* Blanco puro para tarjetas y áreas de lectura */

    /* Acentos y feedback */
    --deep-blue: var(--black);   /* mapeado a negro por restricción de paleta */
    --accent-orange-light: #FFB366; /* Naranja suave para hovers (variante de naranja) */
    --black: #1A1A1B; /* Negro para textos y bordes cuando sea necesario */

    /* Backwards-compatible variables used across the site (map to new palette)
       This keeps most styles working while adopting the new colors. */
    --primary: var(--white);
    --secondary: var(--white);
    --accent: var(--printext-orange);
    --accent-dark: var(--printext-orange);
    --accent-light: var(--accent-orange-light);
    --text-light: var(--white);
    --text-dark: var(--black);
    --muted: rgba(26,26,27,0.6);
    --muted-light: rgba(26,26,27,0.35);
    --glass: rgba(26,26,27,0.8);
    --border-radius: 8px;
    --transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: 'Inter', sans-serif;
}

body {
    /* Sitio en esquema claro según ejemplo */
    background-color: var(--white);
    color: var(--dark-bg);
    line-height: 1.6;
    overflow-x: hidden;
    transition: opacity 0.3s ease;
}

/* Scrollbar */
::-webkit-scrollbar { width: 6px; }
::-webkit-scrollbar-track { background: var(--soft-gray); }
::-webkit-scrollbar-thumb { background: var(--printext-orange); border-radius: 10px; }

.section-title { 
    font-size: 3rem; 
    color: var(--accent); 
    text-align: center; 
    margin: 8rem 0 4rem; 
    font-weight: 800;
    letter-spacing: -1px;
}

.reveal { opacity: 0; transform: translateY(30px); transition: all 0.8s ease; }
.reveal.active { opacity: 1; transform: translateY(0); }

/* Helper class from example */
.header-text { color: var(--deep-blue); }