/* Strix token layer 2/7 — palette.
 * Generated by scripts/build-tokens.mjs from scripts/tokens/upstream-snapshot.css.
 * Do not edit by hand — change the generator or the snapshot. `pnpm tokens:check` gates this.
 *
 * spec 6.3: maker-ds declares literal hex twice (in @theme and again per theme
 * block). Strix keeps maker-ds's NAMES but declares every literal exactly once,
 * here; the semantic layers are var() references into this file. Theme switching
 * therefore changes only the semantic layer.
 */

:root {
  --palette-accent-lavender-200: #f5e9fe; /* maker-ds --color-accent-lavender-200 */
  --palette-accent-lime-200: #f7fad4; /* maker-ds --color-accent-lime-200 */
  --palette-accent-mint-050: #f1fcf7; /* maker-ds --color-accent-mint-050 */
  --palette-accent-mint-100: #e4f9ef; /* maker-ds --color-accent-mint-100 */
  --palette-accent-mint-200: #c9f2e0; /* maker-ds --color-accent-mint-200 */
  --palette-accent-mint-300: #acebd0; /* maker-ds --color-accent-mint-300 */
  --palette-accent-mint-400: #8ee4c1; /* maker-ds --color-accent-mint-400 */
  --palette-accent-mint-500: #6addb2; /* maker-ds --color-accent-mint-500 */
  --palette-accent-mint-600: #4da483; /* maker-ds --color-accent-mint-600 */
  --palette-accent-mint-700: #316e57; /* maker-ds --color-accent-mint-700 */
  --palette-accent-mint-800: #183d2f; /* maker-ds --color-accent-mint-800 */
  --palette-accent-sky-025: #a4dbfe; /* maker-ds --color-accent-sky-025 */
  --palette-accent-sky-100: #51a9e3; /* maker-ds --color-accent-sky-100 */
  --palette-accent-sun-100: #fff2e5; /* maker-ds --color-accent-sun-100 */
  --palette-accent-sun-200: #ffd7b2; /* maker-ds --color-accent-sun-200 */
  --palette-accent-sun-300: #ffc59e; /* maker-ds --color-accent-sun-300 */
  --palette-accent-sun-400: #ffb98a; /* maker-ds --color-accent-sun-400 */
  --palette-accent-sun-500: #ffad75; /* maker-ds --color-accent-sun-500 */
  --palette-accent-sun-700: #ff954d; /* maker-ds --color-accent-sun-700 */
  --palette-accent-sun-800: #ff8939; /* maker-ds --color-accent-sun-800 */
  --palette-accent-sun-900: #ff7a00; /* maker-ds --color-accent-sun-900 */
  --palette-alpha-accesible-red-alpha-200: rgba(239, 34, 58, 0.2); /* figma .badge tint */
  --palette-alpha-black-alpha-050: rgba(0, 13, 37, 0.05); /* maker-ds --color-alpha-black-alpha-050 */
  --palette-alpha-black-alpha-100: rgba(0, 13, 37, 0.1); /* maker-ds --color-alpha-black-alpha-100 */
  --palette-alpha-black-alpha-200: rgba(0, 13, 37, 0.2); /* maker-ds --color-alpha-black-alpha-200 */
  --palette-alpha-black-alpha-300: rgba(0, 13, 37, 0.3); /* maker-ds --color-alpha-black-alpha-300 */
  --palette-alpha-black-alpha-700: rgba(0, 13, 37, 0.7); /* maker-ds --color-alpha-black-alpha-700 */
  --palette-alpha-blue-alpha-080: rgba(17, 82, 194, 0.08); /* maker-ds --color-alpha-blue-alpha-080 */
  --palette-alpha-blue-alpha-200: rgba(17, 82, 194, 0.2); /* maker-ds --color-alpha-blue-alpha-200 */
  --palette-alpha-blue-alpha-300: rgba(17, 82, 194, 0.3); /* maker-ds --color-alpha-blue-alpha-300 */
  --palette-alpha-mint-alpha-200: rgba(106, 221, 178, 0.2); /* maker-ds --color-alpha-mint-alpha-200 */
  --palette-alpha-neutral-alpha-200: rgba(165, 176, 196, 0.2); /* maker-ds --color-alpha-neutral-alpha-200 */
  --palette-alpha-red-alpha-200: rgba(177, 15, 35, 0.2); /* maker-ds --color-alpha-red-alpha-200 */
  --palette-alpha-sun-alpha-200: rgba(255, 122, 0, 0.2); /* maker-ds --color-alpha-sun-alpha-200 */
  --palette-alpha-twilio-red-alpha-200: rgba(219, 19, 42, 0.2); /* figma .button-selectable hover tint */
  --palette-alpha-white-alpha-000: rgba(255, 255, 255, 0); /* maker-ds --color-alpha-white-alpha-000 */
  --palette-alpha-white-alpha-050: rgba(255, 255, 255, 0.05); /* maker-ds --color-alpha-white-alpha-050 */
  --palette-alpha-white-alpha-080: rgba(255, 255, 255, 0.08); /* maker-ds --color-alpha-white-alpha-080 */
  --palette-alpha-white-alpha-100: rgba(255, 255, 255, 0.1); /* maker-ds --color-alpha-white-alpha-100 */
  --palette-alpha-white-alpha-200: rgba(255, 255, 255, 0.2); /* maker-ds --color-alpha-white-alpha-200 */
  --palette-alpha-white-alpha-300: rgba(255, 255, 255, 0.3); /* maker-ds --color-alpha-white-alpha-300 */
  --palette-alpha-white-alpha-400: rgba(255, 255, 255, 0.4); /* maker-ds --color-alpha-white-alpha-400 */
  --palette-azureish-white: #d7e6ff; /* figma $color-c-azureish-white-c */
  --palette-blue-100: #a5ebff; /* figma $color-blue-blue-100 */
  --palette-blue-200: #3acefa; /* figma $color-blue-blue-200 */
  --palette-blue-400: #2188ef; /* figma $color-blue-blue-400 */
  --palette-blue-50: #e4f7ff; /* figma $color-blue-blue-50 */
  --palette-blue-500: #1866ee; /* figma $color-blue-blue-500 */
  --palette-blue-600: #1953b9; /* figma $color-blue-blue-600 */
  --palette-blue-700: #0e3e92; /* figma $color-blue-blue-700 */
  --palette-blue-800: #0b2a60; /* figma $color-blue-blue-800 */
  --palette-blue-850: #081f47; /* figma $color-blue-blue-850 */
  --palette-brand-accesible-red-dark-theme: #ef223a; /* figma $color-brand-accesible-red-dark-theme */
  --palette-brand-accesible-red-light-theme: #b10f23; /* figma $color-brand-accesible-red-light-theme */
  --palette-brand-ink: #000d25; /* figma $color-brand-ink */
  --palette-brand-twilio-red: #db132a; /* figma $color-brand-twilio-red */
  --palette-brand-white: #ffffff; /* figma $color-brand-white */
  --palette-chinese-blue: #7688c2; /* figma $color-c-chinese-blue-c */
  --palette-danger-strong: #ef223a; /* spec 6.5 — off-system but intentional red, promoted to a token */
  --palette-gold-crayola: #dcc28c; /* figma $color-c-gold-crayola-c */
  --palette-gray-100: #dde0e6; /* figma $color-gray-gray-100 */
  --palette-gray-300: #9aa0b4; /* figma $color-gray-gray-300 */
  --palette-gray-400: #7e869c; /* figma $color-gray-gray-400 */
  --palette-gray-50: #f3f4f7; /* figma $color-gray-gray-50 */
  --palette-gray-700: #38425e; /* figma $color-gray-gray-700 */
  --palette-gray-800: #232b45; /* figma $color-gray-gray-800 */
  --palette-gray-850: #191f36; /* figma $color-gray-gray-850 */
  --palette-hex-000d25-a4: rgba(0, 13, 37, 0.04);
  --palette-hex-2d3954: #2d3954;
  --palette-hex-6addb2-a10: rgba(106, 221, 178, 0.1);
  --palette-hex-6addb2-a5: rgba(106, 221, 178, 0.05);
  --palette-hex-9a1c2b: #9a1c2b;
  --palette-hex-a5b0c4-a10: rgba(165, 176, 196, 0.1);
  --palette-hex-a5b0c4-a30: rgba(165, 176, 196, 0.3);
  --palette-hex-a5b0c4-a5: rgba(165, 176, 196, 0.05);
  --palette-hex-b10f23-a10: rgba(177, 15, 35, 0.1);
  --palette-hex-b10f23-a5: rgba(177, 15, 35, 0.05);
  --palette-hex-ff7a00-a10: rgba(255, 122, 0, 0.1);
  --palette-hex-ff7a00-a5: rgba(255, 122, 0, 0.05);
  --palette-highlight: #3acefa; /* spec 6.4 — cr-web-demo cyan, a genuinely new accent role */
  --palette-lavender-blue: #c2caff; /* figma $color-c-lavender-blue-c */
  --palette-metallic-pink: #f09fd0; /* figma $color-c-metallic-pink-c */
  --palette-neutrals-050: #f9f9fa; /* maker-ds --color-neutrals-050 */
  --palette-neutrals-100: #f1f1f4; /* maker-ds --color-neutrals-100 */
  --palette-neutrals-200: #e8e9ed; /* maker-ds --color-neutrals-200 */
  --palette-neutrals-300: #dbdde4; /* maker-ds --color-neutrals-300 */
  --palette-neutrals-400: #c7cad5; /* maker-ds --color-neutrals-400 */
  --palette-neutrals-500: #a7acbd; /* maker-ds --color-neutrals-500 */
  --palette-neutrals-600: #757d99; /* maker-ds --color-neutrals-600 */
  --palette-neutrals-700: #535d80; /* maker-ds --color-neutrals-700 */
  --palette-neutrals-800: #424a66; /* maker-ds --color-neutrals-800 */
  --palette-neutrals-900: #32384d; /* maker-ds --color-neutrals-900 */
  --palette-pale-violet: #e56590; /* figma $color-c-pale-violet-c */
  --palette-picton-blue: #3acefa; /* figma $color-c-picton-blue-c */
  --palette-primary-050: #f7f9fd; /* maker-ds --color-primary-050 */
  --palette-primary-060: #ecf1fa; /* maker-ds --color-primary-060 */
  --palette-primary-065: #dae4f6; /* maker-ds --color-primary-065 */
  --palette-primary-100: #deebff; /* maker-ds --color-primary-100 */
  --palette-primary-200: #bed6ff; /* maker-ds --color-primary-200 */
  --palette-primary-300: #9ec1fd; /* maker-ds --color-primary-300 */
  --palette-primary-400: #7facfa; /* maker-ds --color-primary-400 */
  --palette-primary-500: #5f96f7; /* maker-ds --color-primary-500 */
  --palette-primary-600: #3f7ff3; /* maker-ds --color-primary-600 */
  --palette-primary-700: #1866ee; /* maker-ds --color-primary-700 */
  --palette-primary-800: #1152c2; /* maker-ds --color-primary-800 */
  --palette-primary-900: #0b3e97; /* maker-ds --color-primary-900 */
  --palette-red-400: #f83d53; /* figma $color-red-red-400 */
  --palette-red-600: #b10f23; /* figma $color-red-red-600 */
  --palette-red-700: #880b19; /* figma $color-red-red-700 */
  --palette-red-850: #430b12; /* figma $color-red-red-850 */
  --palette-secondary-050: #f5f8ff; /* maker-ds --color-secondary-050 */
  --palette-secondary-100: #f1f5ff; /* maker-ds --color-secondary-100 */
  --palette-secondary-200: #e5eeff; /* maker-ds --color-secondary-200 */
  --palette-secondary-300: #c5d0e3; /* maker-ds --color-secondary-300 */
  --palette-secondary-400: #a5b0c4; /* maker-ds --color-secondary-400 */
  --palette-secondary-500: #8590a5; /* maker-ds --color-secondary-500 */
  --palette-secondary-600: #677389; /* maker-ds --color-secondary-600 */
  --palette-secondary-700: #48546b; /* maker-ds --color-secondary-700 */
  --palette-secondary-800: #232e47; /* maker-ds --color-secondary-800 */
  --palette-secondary-850: #121e36; /* maker-ds --color-secondary-850 */
  --palette-secondary-890: #0f172a; /* maker-ds --color-secondary-890 */
  --palette-secondary-900: #000d25; /* maker-ds --color-secondary-900 */
  --palette-status-amber: #f7b955; /* figma unbound status amber — .demo-notifications, .icon */
  --palette-status-green: #83f969; /* figma unbound status green — .demo-notifications, .icon */
  --palette-tertiary-050: #fdf0ef; /* maker-ds --color-tertiary-050 */
  --palette-tertiary-100: #fbe9e8; /* maker-ds --color-tertiary-100 */
  --palette-tertiary-200: #efbfba; /* maker-ds --color-tertiary-200 */
  --palette-tertiary-300: #e9a9a4; /* maker-ds --color-tertiary-300 */
  --palette-tertiary-400: #e1948f; /* maker-ds --color-tertiary-400 */
  --palette-tertiary-500: #d97e79; /* maker-ds --color-tertiary-500 */
  --palette-tertiary-600: #c6514f; /* maker-ds --color-tertiary-600 */
  --palette-tertiary-700: #b10f23; /* maker-ds --color-tertiary-700 */
  --palette-tertiary-800: #830817; /* maker-ds --color-tertiary-800 */
  --palette-tertiary-900: #6c0511; /* maker-ds --color-tertiary-900 */
  --palette-tomato: #ff6246; /* figma $color-c-tomato-c */
  --palette-white-100: #ffffff; /* maker-ds --color-white-100 */
}