:root {
    /* source: app */
    --primary:      #2A5C82;
    --secondary:    #3D8B9E;
    --accent:       #FFD166;
    --accent-coral: #FF6F61;
    --light-bg:     #F5F5F5;
    --white:        #FFFFFF;
    --gray-100:     #F1F1F1;
    --gray-200:     #E2E2E2;
    --gray-400:     #A0A0A0;
    --gray-600:     #707070;
    --gray-900:     #222222;
    --success-bg:   #D4EDDA;
    --success-text: #155724;
    --warning-bg:   #FFF3CD;
    --warning-text: #856404;
    --error-bg:     #F8D7DA;
    --error-text:   #721C24;
    --info-bg:      #D1ECF1;
    --info-text:    #0C5460;
    --border:       #E0E0E0;
    --radius:       10px;
    --radius-sm:    6px;
    --topbar-h:     56px;
    --nav-h:        58px;
    --sidebar-w:    220px;
    --content-max:  1120px;
    --shadow:       0 1px 4px rgba(0,0,0,.08);

    /* source: public */
    --primary-color: #2A5C82;
    --secondary-color: #3D8B9E;
    --accent-1: #FF6F61;
    --accent-2: #FFD166;
    --light-gray: #F5F5F5;
    --medium-gray: #707070;
    --dark-gray: #333333;
    --backup-color: #c2ebff;

    /* source: hero */
    --hero-accent:       #f59e0b;
    --hero-accent-light: #fef3c7;
    --hero-accent-text:  #78350f;
    --hero-avatar-ring:  rgba(0, 0, 0, 0.08);
    --hero-card-bg:      #ffffff;
    --hero-card-border:  rgba(0, 0, 0, 0.08);
    --hero-text:         #1a1a1a;
    --hero-text-muted:   #6b7280;
    --hero-quote-mark:   rgba(245, 158, 11, 0.25);
}