$primary-color: #635FDA;
$dark-color: #141B38;
$primary-button-bg: #212226;
$addon-button-bg: $primary-color;
$heading-color: #23282D;

// Dashboard redesign tokens — 2026-05-14
// Values are read from Figma node 240-855 via get_variable_defs;
// section-by-section refinement extends this map as more nodes are extracted.

// From TopBar (240:856)
$text-primary:   #212226;  // color/neutral/text-1
$text-secondary: #8A90A0;  // Text Secondary
$border-light:   #E0E0E0;  // $gray-200
$gray-800:       #2F2F2F;  // $gray-800

// From KPIBar (240:904)
$text-2:         #4F4F4F;  // color/neutral/text-2
$gray-700:       #757575;  // $gray-700
$bg-neutral:     #F0F5F8;  // color/neutral/background
$card-border:    #D1D5DB;  // button/background/disabled (re-used as card stroke)
$success-bg:     #DCFCE7;
$success-fg:     #27AE60;  // Green 2
$danger-bg:      #FEE2E2;
$danger-fg:      #DC2626;

// Screenshot estimates (replaced when each section gets re-extracted)
$delta-up-bg:    #E8F8EE;
$delta-up-fg:    #1A8E47;
$delta-down-bg:  #FDECEC;
$delta-down-fg:  #D32F2F;
$icon-tile-bg:   #E8EAFF;
$muted-text:     #6B7280;
$axis-text:      #9CA3AF;
$grid-line:      #F1F2F4;
$device-desktop: #635FDA;
$device-mobile:  #A78BFA;
$device-tablet:  #FBBF24;
