use: primaryCta, activeNav, progressIndicator, keyIndicators

avoid: backgrounds, decorativeFills, moreThan3PlacesPerScreen

use: textOnPrimaryButton, iconsOnPrimarySurface

avoid: textOnWhiteOrLightBackground

use: selectedChipBackground, accentLightSurface

avoid: defaultUnselectedState, errorStates

use: textOnAccentBackground

avoid: textOnPlainWhiteBackground

use: focusStateOnInputsAndInteractiveElements

avoid: staticDecoration, nonFocusStates

use: fullBleedRoutes (/, /setup, /interview, /results), pageBackground

avoid: cardOrPanelSurfaces, theDashboardShell — use canvas

use: dashboardShell, anySurfaceThatCardsMustLiftOffOf

avoid: cardOrPanelSurfaces, fullBleedMarketingRoutes

use: cards, panels, contentSurfaces

avoid: fullPageBackground

use: dropdowns, popovers, floatingMenus

avoid: pageOrCardBackground

use: secondaryBackground, disabledSurface, subtleFill

avoid: primaryContentAreas

use: secondaryButtonBackground, lessProminentSurface

avoid: primaryActions

use: headings, primaryBodyText

avoid: purpleBlack, secondaryOrMetaText

use: textInsideCards

avoid: textOutsideCardContext

use: placeholders, disabledText, secondaryLabels, timestamps

avoid: primaryReadableContent

use: textOnSecondaryColoredSurface

avoid: lowContrastCombinations

use: defaultDividers, cardBorders, inputBorders

avoid: heavyOrDarkBorders, decorativeLines

use: inputAndTextareaBorders

avoid: nonFormElements

use: errorStates, destructiveActions, deleteButtons

avoid: warnings, nonErrorEmphasis

use: successStates, confirmations, positiveDeltas, gradeAColor

avoid: primaryActions, decorativeUse

use: warningStates, provisionalData, gradeBColor

avoid: errorContext, successContext