/* ============================================================
   PayPerTask — Canonical design tokens (single source of truth)
   Loaded globally from layouts/app.blade.php so EVERY page (auth,
   dashboard, payment, frontend) shares one palette. Change colors
   here — do not hardcode hex in views.
   ============================================================ */
:root {
    --ppt-bg:        #F8FAFC;
    --ppt-surface:   #FFFFFF;
    --ppt-surface-2: #F1F5F9;
    --ppt-dark:      #0F172A;
    --ppt-border:    #E2E8F0;
    --ppt-border-2:  #CBD5E1;
    --ppt-text:      #0F172A;
    --ppt-muted:     #475569;
    --ppt-dim:       #64748B;
    --ppt-primary:   #10B981;
    --ppt-primary-d: #059669;
    --ppt-primary-dd:#047857;
    --ppt-accent:    #10B981;
    --ppt-accent-2:  #34D399;
    --ppt-danger:    #DC2626;
    --ppt-danger-d:  #B91C1C;
    --ppt-warn:      #D97706;
    --ppt-warn-d:    #B45309;
    --ppt-info:      #0284C7;
    --ppt-gold:      #F59E0B;
    --ppt-radius:    14px;
    --ppt-radius-lg: 20px;
    --ppt-shadow:    0 8px 24px -12px rgba(15, 23, 42, .12);
    --ppt-shadow-lg: 0 20px 50px -25px rgba(15, 23, 42, .2);

    --sidebar-w:     264px;
    --ppt-bottomnav-h: 62px;
}