/* ==========================================================================
   AC Consultora — brand tokens (corporate portfolio palette)
   Loaded in <head> by every public page, before Tailwind resolves colors.
   Accents are RGB triplets so Tailwind can apply opacity (rgb(var(--x) / a)).
   Light mode uses AA-contrast shades; dark mode brightens them.
   ========================================================================== */
:root {
    color-scheme: light;
    --c-coral:       201 72 60;    /* #C9483C — buttons / accents */
    --c-coral-vivid: 224 101 90;   /* #E0655A — logo coral */
    --c-green:       27 122 77;    /* #1B7A4D */
    --c-green-vivid: 43 163 106;   /* #2BA36A — logo green */
    --c-sun:         245 231 132;  /* #F5E784 — portfolio yellow */
    --c-sun-ink:     154 116 32;   /* #9A7420 — yellow family readable on light */
    --c-muted:       85 96 91;     /* #55605B */

    --bg:            #F5F7F7;
    --bg-card:       #FFFFFF;
    --bg-shell:      #EDF1EF;
    --text:          #1F2523;
    --text-muted:    #55605B;
    --border:        #DCE3E0;
    --border-hover:  #C5CFCB;
}

html.dark {
    color-scheme: dark;
    --c-coral:       212 85 74;    /* #D4554A */
    --c-coral-vivid: 236 131 120;  /* #EC8378 */
    --c-green:       43 163 106;   /* #2BA36A */
    --c-green-vivid: 61 187 124;   /* #3DBB7C */
    --c-sun:         245 231 132;
    --c-sun-ink:     245 231 132;
    --c-muted:       169 181 175;  /* #A9B5AF */

    --bg:            #0E1613;
    --bg-card:       #16211C;
    --bg-shell:      #1F2D27;
    --text:          #EEF2F0;
    --text-muted:    #A9B5AF;
    --border:        #33433B;
    --border-hover:  #46584F;
}

html, body { background-color: var(--bg); color: var(--text); }