/**
 * AVADHRA / AEG
 * Sistema visual provisional
 *
 * Version: 0.1
 *
 * Este archivo define los tokens visuales globales.
 * Las vistas no deben declarar directamente
 * los colores corporativos mediante HEX.
 */

:root {

    /*
    |--------------------------------------------------------------------------
    | Identidad AVADHRA
    |--------------------------------------------------------------------------
    */

    --color-primary: #123C46;
    --color-primary-dark: #0B2931;

    --color-secondary: #7FAF9B;
    --color-secondary-soft: #DCEBE5;

    --color-accent: #C9825B;


    /*
    |--------------------------------------------------------------------------
    | Superficies
    |--------------------------------------------------------------------------
    */

    --color-background: #F7F5EF;
    --color-surface: #FFFFFF;

    --color-surface-soft: #F1F4F2;


    /*
    |--------------------------------------------------------------------------
    | Tipografía
    |--------------------------------------------------------------------------
    */

    --color-text: #20272B;
    --color-text-secondary: #657176;
    --color-text-on-dark: #FFFFFF;


    /*
    |--------------------------------------------------------------------------
    | Bordes
    |--------------------------------------------------------------------------
    */

    --color-border: #D8DFDC;


    /*
    |--------------------------------------------------------------------------
    | Estados funcionales
    |--------------------------------------------------------------------------
    |
    | Estos colores NO representan niveles
    | de madurez del Business Score.
    |
    */

    --color-success: #3E7863;
    --color-warning: #B97845;
    --color-danger: #A94A45;
    --color-info: #416B78;


    /*
    |--------------------------------------------------------------------------
    | Tipografía
    |--------------------------------------------------------------------------
    |
    | Empezamos con fuentes de sistema.
    | La identidad tipográfica se definirá
    | posteriormente sin bloquear el MVP.
    |
    */

    --font-primary:
        "Segoe UI",
        Arial,
        sans-serif;


    /*
    |--------------------------------------------------------------------------
    | Espaciado
    |--------------------------------------------------------------------------
    */

    --space-1: 0.25rem;
    --space-2: 0.5rem;
    --space-3: 0.75rem;
    --space-4: 1rem;
    --space-5: 1.5rem;
    --space-6: 2rem;
    --space-7: 3rem;
    --space-8: 4rem;


    /*
    |--------------------------------------------------------------------------
    | Bordes y elevación
    |--------------------------------------------------------------------------
    */

    --radius-small: 8px;
    --radius-medium: 14px;
    --radius-large: 22px;

    --shadow-soft:
        0 10px 30px rgba(11, 41, 49, 0.08);

    --shadow-medium:
        0 16px 40px rgba(11, 41, 49, 0.12);


    /*
    |--------------------------------------------------------------------------
    | Layout
    |--------------------------------------------------------------------------
    */

    --content-width: 1180px;
    --reading-width: 760px;


    /*
    |--------------------------------------------------------------------------
    | Movimiento
    |--------------------------------------------------------------------------
    */

    --transition-fast: 160ms ease;
    --transition-normal: 240ms ease;
}