/* ==== UI Palette - FocAI brand ==== */

:root {
    /* Backgrounds (Premium Dark) */
    --bg-primary: #061A2E;         /* colorDeepBlue */
    --surface-primary: #0A1F44;    /* Tech Blue */
    --surface-elevated: #101820;   /* colorGrafite */
    --border-subtle: #1F2937;

    /* Text */
    --text-primary: #F4F8FF;       /* colorIceWhite */
    --text-secondary: #8A96A8;     /* colorGray */
    --text-disabled: rgba(138, 150, 168, 0.6);
    --text-on-accent: #061A2E;     /* colorDeepBlue */

    /* Brand / accent */
    --brand-primary: #0A84FF;      /* colorBrand — buttons, links, active states */
    --brand-strong: #0A84FF;       /* colorBrand — CTA */
    --brand-soft: #20D7FF;         /* colorCyan — activate states, AI highlights */
    --brand-glow: #20D7FF;         /* colorCyan — micro-interactions */

    /* System states */
    --state-success: #2EE59D;      /* colorGreen */
    --state-warning: #FFB020;      /* colorAmber */
    --state-error: #FF4D4F;        /* colorRed */
    --state-info: #0A84FF;         /* colorBrand */

    /* Additional tokens */
    --color-purple: #7C5CFF;       /* AI insights, premium recommendations */
}