/* capfa-tokens.css — CAPFA brand design tokens
   Single source of truth for color, typography and structural tokens.
   Loaded as a dependency of capfa-obras and capfa-landings.
   Source: docs/agents-logs/2026-05-22-brand-truth.md
   ================================================= */
:root {
    /* Brand colors */
    --capfa-navy:         #16354D;
    --capfa-navy-hover:   #0f2536;
    --capfa-teal:         #76C8C1;
    --capfa-teal-hover:   #5fb3ac;
    --capfa-blue-mid:     #6B99C3;
    --capfa-text-heading: #333333;
    --capfa-text-body:    #666666;
    --capfa-bg-light:     #f7f7f7;
    --capfa-white:        #ffffff;
    --capfa-border:       #dedede;
    --capfa-placeholder:  #d0d0d0;
    --capfa-whatsapp:     #25D366;  /* WhatsApp brand green */

    /* Hero background-image overlay (dark, for text legibility) */
    --capfa-hero-overlay: rgba(0, 0, 0, 0.65);

    /* Typography */
    --capfa-font-heading: 'Rubik', Helvetica, Arial, Lucida, sans-serif;
    --capfa-font-body:    'Open Sans', Helvetica, Arial, sans-serif;

    /* Structure */
    --capfa-max-width:    1200px;
    --capfa-card-radius:  6px;
    --capfa-transition:   0.2s ease;

    /* Estado / pills / veil (gallery redesign 2026-05-22) */
    --capfa-amber:        #d97706;     /* estado: en_proceso */
    --capfa-amber-soft:   #fef3c7;
    --capfa-pill-bg:      rgba(11, 35, 64, 0.85);  /* navy @ 85% */
    --capfa-veil-grad:    linear-gradient(to top, var(--capfa-navy) 0%, transparent 60%);
    --capfa-badge-radius: 999px;
}