/*
 * AVADHRA / AEG
 * Sistema visual V1.0
 *
 * Concepto rector:
 * La organización es una conversación permanente.
 *
 * Estado: preparado para integración gradual.
 */

:root {
    /* Identidad principal */
    --av-color-blue-soft: #A7C9E8;
    --av-color-ivory: #F7F1E3;
    --av-color-ink: #1F2A33;
    --av-color-bronze: #B08D57;

    /* Superficies auxiliares */
    --av-color-white: #FFFFFF;
    --av-color-blue-pale: #D2E7FF;
    --av-color-border: #D8DDD9;

    /* Expansión cromática */
    --av-color-olive: #6B7B3A;
    --av-color-teal-deep: #083C3C;
    --av-color-wine: #5B2C2F;

    /* Tipografía */
    --av-font-body: "Segoe UI", Arial, sans-serif;
    --av-text-primary: var(--av-color-ink);
    --av-text-accent: var(--av-color-bronze);

    /* Superficies */
    --av-surface-warm: var(--av-color-ivory);
    --av-surface-cool: var(--av-color-blue-soft);
    --av-surface-card: var(--av-color-white);

    /* Recursos gráficos */
    --av-greca-primary: var(--av-color-bronze);
    --av-grid-primary: var(--av-color-ink);
    --av-grid-opacity: 0.10;

    /* Composición */
    --av-radius-card: 18px;
    --av-content-max-width: 1200px;
    --av-section-space: clamp(48px, 7vw, 100px);
}

/*
 * Utilidades optativas.
 * Ninguna se aplica automáticamente al sitio.
 */

.av-surface-warm {
    background-color: var(--av-surface-warm);
    color: var(--av-text-primary);
}

.av-surface-cool {
    background-color: var(--av-surface-cool);
    color: var(--av-text-primary);
}

.av-surface-card {
    background-color: var(--av-surface-card);
    color: var(--av-text-primary);
    border-radius: var(--av-radius-card);
}

.av-accent-bronze {
    color: var(--av-text-accent);
}

.av-graphic-grid {
    background-image:
        linear-gradient(
            rgba(31, 42, 51, 0.07) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(31, 42, 51, 0.07) 1px,
            transparent 1px
        );
    background-size: 32px 32px;
}