Color System for Digital Products with WCAG AA Accessibility Compliance

Create a complete color system for [PRODUCT NAME], a [PRODUCT TYPE] in the [INDUSTRY] sector targeting [TARGET AUDIENCE].\\\\\\\\n\\\\\\\\nThe current brand identity uses [PRIMARY COLOR] and [SECONDARY COLOR]. The product must support light and dark modes.\\\\\\\\n\\\\\\\\n**1) Base Palette:**\\\\\\\\n- Primary color: 10 variations (50 to 950) with HEX, HSL, and RGB values\\\\\\\\n- Secondary color: 10 variations\\\\\\\\n- Neutrals: 12 variations (from white to black)\\\\\\\\n- Semantic colors: success, warning, error, info (5 variations each)\\\\\\\\n\\\\\\\\n**2) Semantic Tokens:**\\\\\\\\n- Background: primary, secondary, tertiary, inverse\\\\\\\\n- Text: primary, secondary, disabled, inverse, link\\\\\\\\n- Border: default, focus, error\\\\\\\\n- Interactive: default, hover, pressed, disabled\\\\\\\\n- Surface: card, modal, tooltip, overlay\\\\\\\\n\\\\\\\\n**3) Dark Mode:**\\\\\\\\n- Complete mapping of each token for dark mode\\\\\\\\n- Elevation rules (surface levels 0-5)\\\\\\\\n- Saturation adjustments for semantic colors in dark mode\\\\\\\\n\\\\\\\\n**4) Accessibility:**\\\\\\\\n- Contrast ratio table for all text/background combinations (WCAG AA minimum: 4.5:1 for normal text, 3:1 for large text)\\\\\\\\n- Forbidden color pairs (insufficient contrast)\\\\\\\\n- Color blindness alternatives (deuteranopia, protanopia, tritanopia)\\\\\\\\n\\\\\\\\n**5) Figma Implementation:**\\\\\\\\n- Recommended variable structure\\\\\\\\n- Token naming convention\\\\\\\\n- How to organize color styles\\\\\\\\n\\\\\\\\nFormat as technical documentation ready for implementation in [Figma/Adobe XD/Storybook].