/*
Theme Name: CohesionART Starter
Theme URI: https://cohesionart.org
Author: CohesionART
Description: Tema editorial premium para ONGD CohesionART. Design System 'The Humanitarian Editorial' — Nodal Architect Framework.
Version: 2.0.1
Text Domain: cohesionart
*/

/* ═══════════════════════════════════════════════
   DESIGN TOKENS — The Humanitarian Editorial
   Source: Stitch Design System "Web Abril 2026"
   ═══════════════════════════════════════════════ */

:root {
    /* ── Surface Hierarchy (Dark Onyx) ── */
    --surface:                    #131313;
    --surface-dim:                #131313;
    --surface-bright:             #3a3939;
    --surface-container-lowest:   #0e0e0e;
    --surface-container-low:      #1c1b1b;
    --surface-container:          #201f1f;
    --surface-container-high:     #2a2a2a;
    --surface-container-highest:  #353534;
    --surface-variant:            #353534;
    --surface-tint:               #76d4e8;
    --background:                 #131313;

    /* ── Primary (Teal Gradient) ── */
    --primary:                    #76d4e8;
    --primary-container:          #389db0;
    --primary-fixed:              #a5eeff;
    --primary-fixed-dim:          #76d4e8;
    --on-primary:                 #00363f;
    --on-primary-container:       #002f37;
    --on-primary-fixed:           #001f25;

    /* ── Secondary (Gold) ── */
    --secondary:                  #e2c540;
    --secondary-container:        #ac9200;
    --secondary-fixed:            #ffe262;
    --secondary-fixed-dim:        #e2c540;
    --on-secondary:               #3a3000;
    --on-secondary-container:     #352c00;

    /* ── Tertiary (Rose) ── */
    --tertiary:                   #ffaedc;
    --tertiary-container:         #e85bb9;
    --tertiary-fixed:             #ffd8eb;
    --tertiary-fixed-dim:         #ffaedc;
    --on-tertiary:                #600049;
    --on-tertiary-container:      #550040;

    /* ── Neutral / Text ── */
    --on-background:              #e5e2e1;
    --on-surface:                 #e5e2e1;
    --on-surface-variant:         #bdc8cb;
    --outline:                    #889396;
    --outline-variant:            #3e494b;
    --inverse-surface:            #e5e2e1;
    --inverse-on-surface:         #313030;
    --inverse-primary:            #006877;

    /* ── Error ── */
    --error:                      #ffb4ab;
    --error-container:            #93000a;
    --on-error:                   #690005;
    --on-error-container:         #ffdad6;

    /* ── Corporate Accent Colors (Ejes Temáticos) ── */
    --eje-azul:     #2A93A6;  /* Cooperación Internacional */
    --eje-amarillo: #F2D44E;  /* Cohesión Social */
    --eje-verde:    #51B87D;  /* Agua / Medioambiente */
    --eje-morado:   #A41F7F;  /* Igualdad / DDHH / Audiovisual */

    /* ── Typography ── */
    --font-display:  'Manrope', sans-serif;
    --font-body:     'Inter', sans-serif;

    --text-display-lg:   clamp(2.5rem, 5vw, 3.5rem);
    --text-display-md:   clamp(2rem, 4vw, 2.75rem);
    --text-headline-lg:  clamp(1.5rem, 3vw, 2rem);
    --text-headline-md:  1.75rem;
    --text-title-lg:     1.375rem;
    --text-title-md:     1.125rem;
    --text-body-lg:      1rem;
    --text-body-md:      0.875rem;
    --text-label-lg:     0.875rem;
    --text-label-md:     0.75rem;

    --leading-tight:     1.2;
    --leading-normal:    1.6;
    --tracking-tight:    -0.02em;
    --tracking-wide:     0.1em;

    /* ── Spacing Scale ── */
    --space-1:   0.25rem;
    --space-2:   0.5rem;
    --space-3:   0.75rem;
    --space-4:   1rem;
    --space-5:   1.25rem;
    --space-6:   1.5rem;
    --space-8:   2rem;
    --space-10:  2.5rem;
    --space-12:  3rem;
    --space-16:  4rem;
    --space-20:  5rem;
    --space-24:  6rem;
    --space-32:  8rem;

    /* ── Roundness ── */
    --radius-sm:   0.25rem;
    --radius-md:   0.375rem;
    --radius-lg:   0.5rem;
    --radius-xl:   0.75rem;
    --radius-2xl:  1rem;
    --radius-3xl:  1.5rem;
    --radius-full: 9999px;

    /* ── Transitions ── */
    --ease-out-expo: cubic-bezier(0.16, 1, 0.3, 1);
    --duration-fast: 200ms;
    --duration-normal: 400ms;
    --duration-slow: 800ms;

    /* ── Layout ── */
    --container-max: 1280px;
    --container-wide: 1440px;
}