/* ══════════════════════════════════════════════════════════════════════
 *  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 ── */
    --nxt-blue:        #2B6CB0;  /* Brand Blue  — primary mark, buttons, links */
    --nxt-blue-deep:   #215387;  /* Brand Deep  — gradient dark end, hover      */
    --nxt-blue-soft:   #EBF4FB;  /* Brand Soft  — light tinted backgrounds      */
    --nxt-blue-mist:   #D3E5F4;  /* Brand Mist  — hover tint, borders           */

    /* ── Premium accent pair ── */
    --nxt-navy:        #1B2A4A;  /* dark sections, topbar, footer               */
    --nxt-navy-soft:   #24365C;  /* navy gradient second stop                   */
    --nxt-gold:        #C9A84C;  /* premium badges, stat highlights             */
    --nxt-gold-bright: #E0C274;  /* gold hover / link accent                    */

    /* ── Ink / text scale ── */
    --nxt-ink:         #1A202C;  /* headings                                    */
    --nxt-ink-soft:    #2D3748;  /* body copy                                   */
    --nxt-slate:       #626C7D;  /* secondary text                              */
    --nxt-charcoal:    #223047;  /* nav links                                   */
    --nxt-mist:        #718096;  /* muted text                                  */

    /* ── Surfaces & lines ── */
    --nxt-surface:     #F7FAFC;  /* page surface                                */
    --nxt-surface-alt: #EDF2F7;  /* alt surface                                 */
    --nxt-card:        #FFFFFF;  /* card / white                                */
    --nxt-border:      #E2E8F0;  /* border line                                 */
    --nxt-success:     #35D39A;  /* success dot (topbar)                        */

    /* ── Signature gradients ── */
    --nxt-grad-primary: linear-gradient(135deg, #2B6CB0 0%, #215387 100%);
    --nxt-grad-dark:    linear-gradient(90deg, #101C33 0%, #1A202C 48%, #1B2A4A 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-blue-deep);

    /* 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);
}