/* Core design tokens for the legacy site and WebView.
 * Alpha variants mirror their solid tokens using rgba() for older WebViews.
 * Keep both values in sync when adjusting a palette.
 */
:root {
    --record-300: #dd8898;
    --warning-100: #fff7cc;
    --background-panel: #ffffff;
    --background-panel-alpha-0: rgba(255, 255, 255, 0);
    --background-panel-alpha-80: rgba(255, 255, 255, 0.8);
    --neutral-100: #F6F6F6;
    --neutral-100-alpha-0: rgba(246, 246, 246, 0);
    --neutral-100-alpha-10: rgba(246, 246, 246, 0.1);
    --neutral-200: #e8e8e8;
    --neutral-200-alpha-0: rgba(232, 232, 232, 0);
    --neutral-250: #ccc;
    --neutral-300: #575757;
    --neutral-400: #434343;
    --neutral-500: #333333;

    /* Primary (site) = Forest Green */
    --primary-100: #E5F4E5;
    --primary-200: #cce9cc;
    --primary-300: #1D9554;
    --primary-400: #007A50;
    --primary-400-alpha-70: rgba(0, 122, 80, 0.7);
    --primary-500: #0D5436;

    --theme-accent: #fc7c00;
    --theme-accent-soft: #ffcc77;

    --record-100: #f4d7dd;
    --record-200: #e8b0ba;
    --record-400: #ac3248;
    --record-500: #772232;
    --success-100: #dffed6;
    --success-300: #9dda6c;
    --success-400: #375d1c;
    --success-500: #4c8321;
    --warning-200: #ffefa3;
    --warning-300: #f5cc00;
    --warning-400: #d6b300;
    --warning-500: #bd9c00;
    --danger-100: #FFECEC;
    --danger-200: #ffc9b8;
    --danger-300: #ff7b52;
    --danger-400: #C51620;
    --danger-500: #9F141D;
    --hero-background: var(--primary-400);
    --hero-icon: #ffffff;
    --os-status-bar: #000000;
    --package-diamant: #6699cc;
    --success-200: #d3efbe;
    --toast-message-100: var(--neutral-400);
    --white: #ffffff;
    --white-alpha-60: rgba(255, 255, 255, 0.6);
	/*--neutral-100: #F1F5F1;*/
}

:root[data-Colours="Orange"] {
    --primary-100: #fce3ca;
    --primary-200: #fcc997;
    --primary-300: #fca34a;
    --primary-400: #fa7d00;
    --primary-400-alpha-70: rgba(250, 125, 0, 0.7);
    --primary-500: #cc6600;
	
	--background-panel: #ffffff;
    --background-panel-alpha-0: rgba(255, 255, 255, 0);
    --background-panel-alpha-80: rgba(255, 255, 255, 0.8);
    --neutral-100: #f6f6f6;
    --neutral-100-alpha-0: rgba(246, 246, 246, 0);
    --neutral-100-alpha-10: rgba(246, 246, 246, 0.1);
    --neutral-200: #e8e8e8;
    --neutral-200-alpha-0: rgba(232, 232, 232, 0);
    --neutral-250: #ccc;
    --neutral-300: #999999;
    --neutral-400: #666666;
    --neutral-500: #333333;
}

:root[data-Colours="PrettyPurple"] {
    --primary-100: #f8ccff;
    --primary-200: #f199ff;
    --primary-300: #eb66ff;
    --primary-400: #dd00ff;
    --primary-400-alpha-70: rgba(221, 0, 255, 0.7);
    --primary-500: #b100cc;
}

:root[data-Colours="BlurryBlue"] {
    --primary-100: #cce6ff;
    --primary-200: #99ceff;
    --primary-300: #66b5ff;
    --primary-400: #0084ff;
    --primary-400-alpha-70: rgba(0, 132, 255, 0.7);
    --primary-500: #0069cc;
}

:root[data-Colours="BlendedBlue"] {
    --primary-100: #d7e9f4;
    --primary-200: #88bcdd;
    --primary-300: #2d739f;
    --primary-400: #183d54;
    --primary-400-alpha-70: rgba(24, 61, 84, 0.7);
    --primary-500: #0b1d28;
}

:root[data-Colours="PerfectPink"] {
    --primary-100: #ffe5ec;
    --primary-200: #ffb2c6;
    --primary-300: #ff809f;
    --primary-400: #ff6188;
    --primary-400-alpha-70: rgba(255, 97, 136, 0.7);
    --primary-500: #ff3366;
}

:root[data-Colours="BabyBlue"] {
    --primary-100: #ccecff;
    --primary-200: #80d0ff;
    --primary-300: #4dbeff;
    --primary-400: #00a2ff;
    --primary-400-alpha-70: rgba(0, 162, 255, 0.7);
    --primary-500: #0081cc;
}

:root[data-Colours="GlibberyGreen"] {
    --primary-100: #ecf7de;
    --primary-200: #d0ecac;
    --primary-300: #adde6e;
    --primary-400: #82c32c;
    --primary-400-alpha-70: rgba(130, 195, 44, 0.7);
    --primary-500: #537d1c;
}

:root[data-Colours="DarkMode"],
:root.DarkMode {
    --record-300: #dd8898;
    --warning-100: #dac96c;
    --background-panel: #363636;
    --background-panel-alpha-0: rgba(54, 54, 54, 0);
    --background-panel-alpha-80: rgba(54, 54, 54, 0.8);
    --neutral-250: #0a0a0a;
    --neutral-300: #999999;
    --neutral-400: #cccccc;
    --neutral-500: #333333;
    --primary-100: #fce3ca;
    --primary-200: #fcca97;
    --primary-300: #fca24c;
    --primary-400: #fc7c00;
    --primary-400-alpha-70: rgba(252, 124, 0, 0.7);
    --primary-500: #cc6600;
    --record-100: #f4d7dd;
    --record-200: #e8b0ba;
    --record-400: #ac3248;
    --record-500: #772232;
    --success-100: #9ed175;
    --success-300: #9dda6c;
    --success-400: #578a2e;
    --success-500: #4c8321;
    --warning-200: #ffefa3;
    --warning-300: #b89900;
    --warning-400: #d6b300;
    --warning-500: #a38700;
    --danger-100: #ffe8e0;
    --danger-200: #ffc9b8;
    --danger-300: #ff7b52;
    --danger-400: #eb3800;
    --danger-500: #b82c00;
    --hero-background: #000000;
    --hero-icon: #cccccc;
    --neutral-100: #222222;
    --neutral-100-alpha-0: rgba(34, 34, 34, 0);
    --neutral-100-alpha-10: rgba(34, 34, 34, 0.1);
    --neutral-200: #181818;
    --neutral-200-alpha-0: rgba(24, 24, 24, 0);
    --os-status-bar: #eeeeee;
    --package-diamant: #2e73b7;
    --success-200: #b7e595;
    --toast-message-100: #111111;
    --white: #eeeeee;
    --white-alpha-60: rgba(238, 238, 238, 0.6);
}