/* ══════════════════════════════════════════════════════════════════════
 *  NxtBanking — Brand Tokens (single source of truth for the platform palette)
 *
 *  This file defines the NxtBanking blue / navy / gold palette once and aliases
 *  it onto the variable names the rest of the codebase already reads
 *  (--theme-default, --theme-primary, --primary, --dp-primary, ...). Unconverted
 *  CSS therefore inherits the new colours automatically.
 *
 *  Load order contract:
 *    color-3.css  ->  brand-tokens.css  ->  platform-theme  ->  tenant-theme
 *  so a whitelabel tenant's own colours always win over the platform default.
 * ══════════════════════════════════════════════════════════════════════ */

:root {
    /* ── Primary brand (extracted from logo-header.webp 2026-08-18) ── */
    --nxt-blue:        #0280DE;  /* Brand Blue  — X-mark swoosh, buttons, links  */
    --nxt-blue-deep:   #015CAB;  /* Brand Deep  — gradient dark end, hover       */
    --nxt-blue-soft:   #E3F2FF;  /* Brand Soft  — light tinted backgrounds       */
    --nxt-blue-mist:   #B8D8F5;  /* Brand Mist  — hover tint, borders            */

    /* ── Premium accent pair ── */
    --nxt-navy:        #132040;  /* Dark navy — topbar, footer (logo text color) */
    --nxt-navy-soft:   #1B2D55;  /* Navy gradient second stop                    */
    --nxt-gold:        #C5A446;  /* Gold — X-mark diagonal, premium badges       */
    --nxt-gold-bright: #DEC060;  /* Gold hover / link accent                     */

    /* ── Ink / text scale ── */
    --nxt-ink:         #132040;  /* headings (matches logo navy)                 */
    --nxt-ink-soft:    #1B2D55;  /* body copy                                    */
    --nxt-slate:       #526070;  /* secondary text                               */
    --nxt-charcoal:    #1B2D55;  /* nav links                                    */
    --nxt-mist:        #6B7B8D;  /* muted text                                   */

    /* ── Surfaces & lines ── */
    --nxt-surface:     #F5F8FC;  /* page surface                                 */
    --nxt-surface-alt: #EBF1F8;  /* alt surface                                  */
    --nxt-card:        #FFFFFF;  /* card / white                                 */
    --nxt-border:      #D8E4F0;  /* border line                                  */
    --nxt-success:     #22C987;  /* success indicator                            */

    /* ── Signature gradients ── */
    --nxt-grad-primary: linear-gradient(135deg, #0280DE 0%, #015CAB 100%);
    --nxt-grad-dark:    linear-gradient(90deg,  #0A1628 0%, #132040 55%, #1B2D55 100%);
    --nxt-grad-hero:    linear-gradient(135deg, #0A1628 0%, #132040 50%, #0280DE 100%);

    /* ══════════════════════════════════════════════════════════════════
     *  Aliases — map the palette onto legacy variable names so existing CSS
     *  picks up the new brand without every file being rewritten.
     * ══════════════════════════════════════════════════════════════════ */

    /* Admin / portal theme (color-3.css, design-system.css, tenant-theme.blade.php) */
    --theme-default:   var(--nxt-blue);
    --theme-secondary: var(--nxt-navy);

    /* Marketing landing (landing-page.css, header.blade.php) */
    --primary:         var(--nxt-blue);
    --primary-dark:    var(--nxt-blue-deep);
    --primary-light:   var(--nxt-blue-mist);
    --secondary:       var(--nxt-gold);
    --accent:          var(--nxt-gold-bright);
    --gradient-primary: var(--nxt-grad-primary);
}