// ------------------------------------------------------------------------------------------- //
//                            GLOBAL VARIABLES
// ------------------------------------------------------------------------------------------- //

$accent-light   : #fafbfd;

// Color scheme (Primary)
$mainColor         : #0070F0;  // was #FD925C
$mainHoverColor    : #005BD0;  // slightly darker hover for #0070F0

// BerryPress / New Palette (replacing WP Zone colors)
// Note: old "purple family" is mapped to blue/neutral family from the new palette.
$dsPastelPurple    : #F3F5F9;  // gray-1
$dsLightPurple     : #0070F0;  // accent-blue (light)
$dsBrightPurple    : #0070F0;  // primary
$dsMainPurple      : #5A607F;  // gray-6 (darker neutral)
$dsDarkPurple      : #131523;  // text-primary (deep)

$subMenuPurple     : #0070F0;  // primary

// Legacy AGS colors mapped to new accents/neutrals
$agsGreen          : #21d59b;  // accent-green
$agsOrange         : #f99600;  // accent-orange
$agsDarkOrange     : #d97700;  // darker orange for hover/active
$agsDarkGreen      : #148661;  // darker green (better contrast)

// Additional mapped neutrals
$agsMediumGreen    : #21d59b;  // accent-green
$agsLightGrey      : #7e84a3;  // gray-5
$agsDarkGrey       : #5A607F;  // gray-6

// New (keep names, map to new palette)
$dsMediumPurple    : #0070F0;  // primary
$wpz_secondary     : #0070F0;  // accent-blue

$neonBlue          : #0070F0;  // accent-blue
$neonBlueDark      : #0070F0;  // primary

$seaGreenLight     : #21d59b;  // accent-green
$seaGreen          : #148661;  // darker green
$seaGreenDark      : #0f6a4e;  // even darker green

// Notification colors
$success           : #21d59b;  // accent-green
$warning           : #ffc700;  // accent-yellow
$danger            : #f0142f;  // accent-red

$whiteColor        : #FEFEFE;  // background-color
$blackColor        : #131523;  // text-primary

// Border colors (mapped to grays)
$lightBorderColor  : #F3F5F9;  // gray-1
$middleBorderColor : #e6e9f4;  // gray-2
$darkBorderColor   : #d7dbec;  // gray-3

// Font
$fontGeneral       : "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica", "Arial", sans-serif;

$fontColor         : #131523;  // text-primary
$fontSize          : 12px;

$headingLineHeight : 1.15;
$baseLineHeight    : 1.7;

$baseFontWeight    : normal;
$baseHeadingWeight : bold;

$baseFontColor     : #131523;  // text-primary
$baseHeaderColor   : #131523;  // text-primary

// Rounded corners
$mainRadius        : 5px;      // mapped from new palette border radius
$formRadius        : 3px;

// Shadows (mapped to new palette)
$boxShadow         : 0 0 10px rgba(90, 96, 127, 0.53);

// Responsive breakpoints (unchanged)
$breakSmall        : 782px;
$breakSmallMin     : 783px;
$breakLarge        : 960px;
$breakLargeMin     : 961px;