/* ════════════════════════════════════════════════════════════════
   Classic theme — now the FinPay preset (Phase B restyle).
   Brand violet sidebar + gradient hero. The default for all
   tenants; existing cookies/settings still resolve cleanly.
   ════════════════════════════════════════════════════════════════ */

:root[data-theme="classic"] {
    /* Brand */
    --primary:              #5B45D9;
    --primary-end:          #7B61FF;
    --primary-deep:         #4A38B8;
    --primary-soft:         #EEEAFD;

    /* Semantic */
    --color-primary:        #5B45D9;
    --color-primary-hover:  #4A38B8;
    --color-primary-soft:   #EEEAFD;
    --color-accent:         #7B61FF;

    /* Sidebar — deep violet gradient end-stops */
    --sidebar-bg:           #2A1F7E;
    --sidebar-bg-2:         #1F1660;
    --sidebar-accent:       #FBBF24;
    --sidebar-text:         #FFFFFF;
    --sidebar-dim:          rgba(255,255,255,0.62);

    /* Legacy gold-* tokens remapped to FinPay violet so site.css works */
    --gold:                 #5B45D9;
    --gold-light:           #7B61FF;
    --gold-dark:            #4A38B8;
    --gold-bg:              #EEEAFD;
    --gold-border:          #D4CCF7;

    /* Surfaces */
    --bg:                   #F5F6FA;
    --surface:              #FFFFFF;
    --surface2:             #FBFBFD;
    --surface0:             #F5F6FA;
    --border:               #E5E7EB;
    --text:                 #1A1A2E;
    --text-muted:           #6B7280;
    --text-dim:             #9CA3AF;

    /* Brand gradient stops */
    --gradient-start:       #5B45D9;
    --gradient-end:         #7B61FF;
    --gradient-deep:        #2A1F7E;
}

:root[data-theme="classic"][data-color-mode="dark"] {
    --primary:              #7B61FF;
    --primary-end:          #B8A6FF;
    --primary-deep:         #5B45D9;
    --primary-soft:         rgba(91,69,217,0.18);

    --color-primary:        #7B61FF;
    --color-primary-hover:  #B8A6FF;
    --color-primary-soft:   rgba(91,69,217,0.18);
    --color-accent:         #B8A6FF;

    --sidebar-bg:           #1A1330;
    --sidebar-bg-2:         #0F0A24;
    --sidebar-accent:       #FBBF24;

    --gold:                 #7B61FF;
    --gold-light:           #B8A6FF;
    --gold-dark:            #5B45D9;
    --gold-bg:              rgba(91,69,217,0.18);
    --gold-border:          rgba(123,97,255,0.30);

    --bg:                   #13131A;
    --surface:              #1C1C26;
    --surface2:             #232330;
    --surface0:             #0E0E15;
    --border:               #2A2A38;
    --text:                 #F5F5F7;
    --text-muted:           #A0A0B8;
    --text-dim:             #6E6E80;

    --gradient-start:       #5B45D9;
    --gradient-end:         #7B61FF;
    --gradient-deep:        #1A1330;
}