// VARIABLES

@prime-bg: #008899;
@prime-fg: white;
@foreground: black;
@background: #fdfdfd;
@bg-dark-tone: darken(@background, 5%);
@bg-light-tone: lighten(@background, 5%);

@hard-bg: #3b434a;
@hard-bg-halftone: lighten(@hard-bg, 55%);
@picker-bg: rgba(83, 91, 110, 0.98);
@picker-header: #393e4b;

//Primary Colors
@colorSherpantBlue: #00444d;
@colorSeaGreen: #008899;
@colorHalfBaked: #90c2c9;
@colorPorcelain: #ebf0f0;
@colorLimeGreen: #bbbb00;

//neutrals
@colorBrightGrey: #393e4b;
@colorComet: rgba(83, 91, 110, 0.98);
@colorCasper: #b4c7d4;

//warnings and errors
@colorYellowOrange: #ff9900;
@colorThunderbird: #d91e18;
@colorJade: #00b149;

//Additional Colors
@colorSaffranYellow: #ffb500;
@colorAquamarine: #00aa99;
@colorDeepViolet: #2f539c;
@colorSkyBlue: #408fcd;
@colorRedViolet: #551155;
@colorViolet: #993399;
@colorLightGrey: #778888;
@colorHalfBaked-o30: rgba(144, 194, 201, 0.3);

// ImageButton icon glyph size on phone (no SLDS sizing token exists for 18px; sizing-5=16, sizing-6=20)
@imagebutton-phone-icon-size: 18px;

// ImageButton tap-target size on phone: 40px (touch a11y minimum) while the button paints at
// 32px. No SLDS *sizing* token is 40px (scale jumps 32→48), so this aliases the 40px spacing
// token to make the "this is the tap target" intent explicit at the call sites.
@imagebutton-phone-tap-size: var(--slds-g-spacing-7); // 40px

//sizing — phone PageHeader height (desktop is --slds-g-sizing-11: 64px; no SLDS
//token covers 56px, which sits between --slds-g-sizing-10: 48px and -11: 64px).
//Single source of truth shared by pageheaderV2.less and navigationbarV2.less.
@phone-page-header-height: 56px;