/* ═══════════════════════════════════════════════════════════════
   MANI DESIGN SYSTEM — Color Tokens
   File: mani-colors-ltr.css

   Single source of truth for the entire platform palette.
   To change the brand identity or add dark mode,
   only edit these variables — every page inherits them.
   ═══════════════════════════════════════════════════════════════ */

:root {

    /* Ink / Text */
    --ink:        #0b1120;
    --ink2:       #1a2340;
    --slate:      #5b6b8a;
    --silver:     #94a3b8;

    /* Surfaces */
    --mist:       #e2e8f0;
    --snow:       #f8fafc;
    --white:      #ffffff;

    /* Brand Blue */
    --blue:       #2563eb;
    --blue-h:     #1d4ed8;
    --blue-d:     #1e40af;
    --blue-l:     #eff6ff;
    --blue-xl:    #dbeafe;

    /* Green / Success */
    --green:      #059669;
    --green-l:    #ecfdf5;
    --green-xl:   #d1fae5;

    /* Red / Danger */
    --red:        #ef4444;
    --red-l:      #fef2f2;

    /* Amber / Warning */
    --amber:      #f59e0b;
    --amber-l:    #fffbeb;

    /* Purple */
    --purple:     #7c3aed;
    --purple-l:   #f5f3ff;

    /* Gold (Affiliates) */
    --gold:       #d97706;
    --gold-l:     #fffbeb;
    --gold-h:     #b45309;

    /* Shell (mnx-*) */
    --mnx-bg:              #f8fafc;
    --mnx-surface:         #ffffff;
    --mnx-ink:             #1b2a4a;
    --background-mnx-ink:  #1b2a4a;
    --mnx-text:            #1b2a4ac4;
    --mnx-text-l:          #94a3b8;
    --mnx-blue:            #2563eb;
    --mnx-blue-l:          #eff6ff;
    --mnx-blue-h:          #1d4ed8;
    --mnx-green:           #059669;
    --mnx-green-l:         #ecfdf5;
    --mnx-danger:          #ef4444;
    --mnx-border:          #e2e8f0;

    /* Button System (mni-btn) */
    --btn-bg:              #2563eb;
    --btn-bg-h:            #1d4ed8;
    --btn-text:            #ffffff;
    --btn-shadow:          rgba(37, 99, 235, .28);
    --btn-shadow-h:        rgba(37, 99, 235, .4);

}