/*
Legacy token mappings for existing CSS.
- Mapped to Lumina tokens from lumina.tokens.css.
- Update the right-hand tokens if Supernova export names change.
*/

/* Default palette (Original Orange). */
:root {
    --theme-primary-100: var(--color-color-original-orange-100, rgb(252, 227, 202));
    --theme-primary-200: var(--color-color-original-orange-200, rgb(252, 202, 151));
    --theme-primary-300: var(--color-color-original-orange-300, rgb(252, 162, 76));
    --theme-primary-400: var(--color-color-original-orange-400, rgb(252, 124, 0));
    --theme-primary-500: var(--color-color-original-orange-500, rgb(204, 102, 0));

    --record-300: var(--color-color-cherry-300, rgb(221, 136, 152));
    --warning-100: var(--color-color-original-yellow-100, rgb(255, 247, 204));
    --background-panel: var(--color-color-background-primary, var(--color-color-overlays-white-alpha-100, rgb(255, 255, 255)));
    --neutral-100: var(--color-color-original-grey-100, rgb(246, 246, 246));
    --neutral-200: var(--color-color-original-grey-200, rgb(232, 232, 232));
    --neutral-250: var(--color-color-original-grey-250, #ccc);
    --neutral-300: var(--color-color-original-grey-300, rgb(153, 153, 153));
    --neutral-400: var(--color-color-original-grey-400, rgb(102, 102, 102));
    --neutral-500: var(--color-color-original-grey-500, rgb(51, 51, 51));
    --primary-100: var(--theme-primary-100, var(--color-color-original-orange-100, rgb(252, 227, 202)));
    --primary-200: var(--theme-primary-200, var(--color-color-original-orange-200, rgb(252, 202, 151)));
    --primary-300: var(--theme-primary-300, var(--color-color-original-orange-300, rgb(252, 162, 76)));
    --primary-400: var(--theme-primary-400, var(--color-color-original-orange-400, rgb(252, 124, 0)));
    --primary-500: var(--theme-primary-500, var(--color-color-original-orange-500, rgb(204, 102, 0)));
    --record-100: var(--color-color-cherry-100, rgb(244, 215, 221));
    --record-200: var(--color-color-cherry-200, rgb(232, 176, 186));
    --record-400: var(--color-color-cherry-400, rgb(172, 50, 72));
    --record-500: var(--color-color-cherry-500, rgb(119, 34, 50));
    --success-100: var(--color-color-original-success-100, rgb(236, 255, 221));
    --success-200: var(--color-color-original-success-200, rgb(211, 239, 190));
    --success-300: var(--color-color-original-success-300, rgb(157, 218, 108));
    --success-400: var(--color-color-original-success-400, rgb(105, 180, 45));
    --success-500: var(--color-color-original-success-500, rgb(76, 131, 33));
    --warning-200: var(--color-color-original-yellow-200, rgb(255, 239, 163));
    --warning-300: var(--color-color-original-yellow-300, rgb(245, 204, 0));
    --warning-400: var(--color-color-original-yellow-400, rgb(214, 179, 0));
    --warning-500: var(--color-color-original-yellow-500, rgb(189, 156, 0));
    --danger-100: var(--color-color-original-danger-100, rgb(255, 232, 224));
    --danger-200: var(--color-color-original-danger-200, rgb(255, 201, 184));
    --danger-300: var(--color-color-original-danger-300, rgb(255, 123, 82));
    --danger-400: var(--color-color-original-danger-400, rgb(235, 56, 0));
    --danger-500: var(--color-color-original-danger-500, rgb(184, 44, 0));
    --hero-background: var(--primary-400);
    --hero-icon: var(--color-color-overlays-white-alpha-100, rgb(255, 255, 255));
    --os-status-bar: var(--color-color-overlays-black-alpha-100, rgb(0, 0, 0));
    --package-diamant: var(--color-color-royal-blue-500, rgb(102, 153, 204));
    --toast-message-100: var(--color-color-text-default, var(--neutral-400));
    --white: var(--color-color-overlays-white-alpha-100, rgb(255, 255, 255));
}

/* Theme palettes are handled dynamically via --theme-primary-* set by the switcher. */

:root[data-theme="dark"],
:root[data-Colours="dark"],
:root[data-Colours="DarkMode"],
:root.DarkMode {
    --record-300: var(--color-color-cherry-300, rgb(221, 136, 152));
    --warning-100: var(--color-color-original-yellow-100, rgb(218, 201, 108));
    --background-panel: var(--color-color-purple-grey-900, rgb(54, 54, 54));
    --neutral-100: var(--color-color-purple-grey-900, #222222);
    --neutral-200: var(--color-color-purple-grey-800, #181818);
    --neutral-250: var(--color-color-purple-grey-700, #0a0a0a);
    --neutral-300: var(--color-color-purple-grey-600, rgb(153, 153, 153));
    --neutral-400: var(--color-color-purple-grey-400, rgb(204, 204, 204));
    --neutral-500: var(--color-color-purple-grey-1000, rgb(51, 51, 51));
    --primary-100: var(--theme-primary-100, var(--color-color-original-orange-100, rgb(252, 227, 202)));
    --primary-200: var(--theme-primary-200, var(--color-color-original-orange-200, rgb(252, 202, 151)));
    --primary-300: var(--theme-primary-300, var(--color-color-original-orange-300, rgb(252, 162, 76)));
    --primary-400: var(--theme-primary-400, var(--color-color-original-orange-400, rgb(252, 124, 0)));
    --primary-500: var(--theme-primary-500, var(--color-color-original-orange-500, rgb(204, 102, 0)));
    --record-100: var(--color-color-cherry-100, rgb(244, 215, 221));
    --record-200: var(--color-color-cherry-200, rgb(232, 176, 186));
    --record-400: var(--color-color-cherry-400, rgb(172, 50, 72));
    --record-500: var(--color-color-cherry-500, rgb(119, 34, 50));
    --success-100: var(--color-color-original-success-100, rgb(158, 209, 117));
    --success-200: var(--color-color-original-success-200, rgb(183, 229, 149));
    --success-300: var(--color-color-original-success-300, rgb(157, 218, 108));
    --success-400: var(--color-color-original-success-400, rgb(87, 138, 46));
    --success-500: var(--color-color-original-success-500, rgb(76, 131, 33));
    --warning-200: var(--color-color-original-yellow-200, rgb(255, 239, 163));
    --warning-300: var(--color-color-original-yellow-300, rgb(184, 153, 0));
    --warning-400: var(--color-color-original-yellow-400, rgb(214, 179, 0));
    --warning-500: var(--color-color-original-yellow-500, rgb(163, 135, 0));
    --danger-100: var(--color-color-original-danger-100, rgb(255, 232, 224));
    --danger-200: var(--color-color-original-danger-200, rgb(255, 201, 184));
    --danger-300: var(--color-color-original-danger-300, rgb(255, 123, 82));
    --danger-400: var(--color-color-original-danger-400, rgb(235, 56, 0));
    --danger-500: var(--color-color-original-danger-500, rgb(184, 44, 0));
    --hero-background: var(--color-color-overlays-black-alpha-100, rgb(0, 0, 0));
    --hero-icon: var(--color-color-purple-grey-400, rgb(204, 204, 204));
    --os-status-bar: var(--color-color-overlays-white-alpha-100, rgb(238, 238, 238));
    --package-diamant: var(--color-color-royal-blue-500, rgb(46, 115, 183));
    --toast-message-100: var(--color-color-purple-grey-700, rgb(17, 17, 17));
    --white: var(--color-color-overlays-white-alpha-100, rgb(238, 238, 238));
}