/* Nestwaerme design tokens - generated from the Figma export (nest-waerme.json).
 * Semantic layer: light = :root, dark = [data-theme="dark"]. Do not hand-edit; regenerate from Figma.
 */
:root {
  color-scheme: light;
  --text-default: #202020;
  --text-Secondary: #646464;
  --text-Tertiary: #8D8D8D;
  --text-Subtle: #646464;
  --text-Disabled: rgba(0, 0, 0, 0.27);
  --text-Inverse: #FFFFFF;
  --text-Inverse-Subtle: #D9D9D9;
  --text-onbrand-default: #FFFFFF;
  --text-onbrand-secondery: rgba(255, 255, 255, 0.8);
  --text-onbrand-tertiary: rgba(255, 255, 255, 0.6);
  --text-Brand-Bold: #F76B15;
  --text-Brand-Bold-Hover: #EF5F00;
  --text-Brand-Bold-Avtive: #CC4E00;
  --text-Link: #0090FF;
  --text-Link-Hover: #0588F0;
  --text-Link-Avtive: #0D74CE;
  --text-Color-Brand: #F76B15;
  --text-Color-Success: #30A46C;
  --text-Color-Danger: #DC3E42;
  --text-Color-Warning: #EF5F00;
  --text-Color-Info: #0090FF;
  --text-accent-Yellow: #DC9D10;
  --text-accent-Green: #12A594;
  --text-accent-Orange: #F76B15;
  --text-accent-Red: #E5484D;
  --text-accent-Violet: #6E56CF;
  --text-badge-rejected: rgba(210, 0, 5, 0.439);
  --text-badge-waiting: rgba(237, 108, 0, 0.549);
  --text-badge-accepted: rgba(255, 255, 255, 0.949);
  --bg-brand-Primary: #F76B15;
  --bg-brand-hover: #EF5F00;
  --bg-brand-Active: #CC4E00;
  --bg-brand-Subtlest: #FFEFD6;
  --bg-Surface-Default: #FFFFFF;
  --bg-Surface-Secondary: #F9F9F9;
  --bg-Surface-tertiary: #E8E8E8;
  --bg-Surface-hover: #F9F9F9;
  --bg-Surface-selected: #FFEFD6;
  --bg-Surface-Disabled: rgba(255, 255, 255, 0.102);
  --bg-Surface-Sunken: #F9F9F9;
  --bg-surface-Solid-not-for-use-Brand: #FFF7ED;
  --bg-surface-Solid-not-for-use-Blue: #F4FAFF;
  --bg-surface-Solid-not-for-use-Teal: #F3FBF9;
  --bg-surface-Solid-not-for-use-Yellow: #F8EED5;
  --bg-surface-Solid-not-for-use-Red: #FFF7F7;
  --bg-surface-Solid-not-for-use-Green: #F4FBF6;
  --bg-surface-Solid-not-for-use-White: #FFFFFF;
  --bg-Surface-Soft-Brand: rgba(255, 156, 0, 0.161);
  --bg-Surface-Soft-Brand-subtle: rgba(255, 142, 0, 0.071);
  --bg-Surface-Soft-Blue: rgba(0, 143, 245, 0.102);
  --bg-Surface-Soft-Blue-subtle: rgba(0, 140, 255, 0.039);
  --bg-Surface-Soft-Teal: rgba(0, 198, 157, 0.122);
  --bg-Surface-Soft-Teal-subtle: rgba(0, 170, 128, 0.051);
  --bg-Surface-Soft-Yellow: rgba(255, 222, 0, 0.239);
  --bg-Surface-Soft-Yellow-subtle: rgba(244, 209, 0, 0.09);
  --bg-Surface-Soft-Red: rgba(243, 0, 13, 0.078);
  --bg-Surface-Soft-Red-subtle: rgba(255, 0, 0, 0.031);
  --bg-Surface-Soft-Green: rgba(0, 164, 51, 0.102);
  --bg-Surface-Soft-Green-subtle: rgba(0, 163, 47, 0.039);
  --bg-surface-badge-accepted-top: rgba(0, 143, 245, 0.102);
  --bg-surface-badge-accepted-middle: rgba(0, 0, 0, 0.149);
  --bg-surface-badge-accepted-base: rgba(0, 0, 0, 0.2);
  --bg-surface-badge-wating: rgba(255, 222, 0, 0.239);
  --bg-surface-badge-rejected: rgba(243, 0, 13, 0.078);
  --bg-NeutralBackground1: #202020;
  --bg-NeutralBackground2: #8D8D8D;
  --bg-NeutralBackground3: #F0F0F0;
  --bg-NeutralBackground4: rgba(255, 142, 0, 0.071);
  --bg-Neutral: rgba(192, 64, 0, 0.02);
  --bg-Neutral-Hover: rgba(255, 142, 0, 0.071);
  --bg-Neutral-Active: rgba(255, 156, 0, 0.161);
  --bg-Neutral-Selected: rgba(255, 145, 1, 0.29);
  --bg-Bold-Neutral-Gohst: rgba(0, 0, 0, 0);
  --bg-Bold-Neutral: rgba(0, 0, 0, 0.01);
  --bg-Bold-Neutral-Hover: rgba(0, 0, 0, 0.05);
  --bg-Bold-Neutral-Active: rgba(0, 0, 0, 0.09);
  --bg-Bold-Neutral-Selected: rgba(0, 0, 0, 0.05);
  --bg-Bold-Neutral-Disabled: #F9F9F9;
  --bg-Inverse-Neutral-Inverse-Default: rgba(255, 255, 255, 0.051);
  --bg-Inverse-Neutral-Inverse-Hover: rgba(255, 255, 255, 0.102);
  --bg-Inverse-Neutral-Inverse-Active: rgba(255, 255, 255, 0.149);
  --bg-Inverse-Neutral-Inverse-Selected: rgba(255, 255, 255, 0.102);
  --bg-Inverse-Neutral-Inverse-Disabled: rgba(255, 255, 255, 0.149);
  --bg-day-active-layer-top: rgba(0, 143, 245, 0.102);
  --bg-day-active-layer-base: rgba(0, 0, 0, 0.702);
  --bg-absences-soft-delete: #FCFCFC;
  --bg-Gray-Subtler: #FFFFFF;
  --bg-Gray-Subler-Hover: #FCFCFC;
  --bg-Gray-Subler-Active: #F9F9F9;
  --bg-Gray-Subtle: #F9F9F9;
  --bg-Gray-Subtle-Hover: #E8E8E8;
  --bg-Gray-Subtle-Active: #E8E8E8;
  --bg-Gray-Bold: #202020;
  --bg-Gray-Bold-Hover: #646464;
  --bg-Gray-Bold-Active: #838383;
  --bg-Input-Default: #FCFCFC;
  --bg-Input-Hover: rgba(0, 0, 0, 0.05);
  --bg-blue-Primary: #0090FF;
  --bg-blue-hover: #0588F0;
  --bg-blue-Active: #0D74CE;
  --bg-blue-Brand-Subtlest: #E6F4FE;
  --bg-Danger-Primary: #E5484D;
  --bg-Danger-Hover: #DC3E42;
  --bg-Danger-Active: #CE2C31;
  --bg-Danger-Subtlest: #FFFCFC;
  --bg-Warning: #F76B15;
  --bg-Warning-hover: #EF5F00;
  --bg-Warning-Active: #CC4E00;
  --bg-Warning-Subtlest: #FEFCFB;
  --bg-Success: #30A46C;
  --bg-Success-hover: #2B9A66;
  --bg-Success-Active: #218358;
  --bg-Success-Subtlest: #E6F6EB;
  --bg-assistive01-Primary: #FFC511;
  --bg-assistive01-hover: #EBB200;
  --bg-assistive01-Active: #C89600;
  --bg-assistive01-Subtlest: rgba(255, 222, 0, 0.239);
  --bg-assistive02-Primary: #12A594;
  --bg-assistive02-hover: rgba(0, 150, 132, 0.949);
  --bg-assistive02-Active: rgba(0, 133, 115, 0.91);
  --bg-assistive02-Subtlest: #E0F8F3;
  --bg-accent-Blue: #8EC8F6;
  --bg-accent-AccentBlue-Subtlest: #E6F4FE;
  --bg-accent-Yellow: #F1C22E;
  --bg-accent-Yellow-Subtlest: #FFF9BC;
  --bg-accent-Green: #8ECEAA;
  --bg-accent-Green-Subtlest: #E6F6EB;
  --bg-accent-Red: #F4A9AA;
  --bg-accent-Red-Subtlest: #FEEBEC;
  --bg-accent-Orange: #F5AE73;
  --bg-accent-Orange-Subtlest: rgba(0, 0, 0, 0.61);
  --bg-accent-Violet: #C2B5F5;
  --bg-accent-Violet-Subtlest: #F4F0FE;
  --bg-Utilities-Overlay: rgba(0, 0, 0, 0.5);
  --bg-Utilities-Blanket: rgba(0, 0, 0, 0.7);
  --bg-Utilities-Scrim: rgba(255, 255, 255, 0.8);
  --bg-Utilities-scroll-default: #BBBBBB;
  --bg-Utilities-scroll-Hover: #8D8D8D;
  --icon-Bold: rgba(0, 0, 0, 0.949);
  --icon-Light-Bold: #202020;
  --icon-Secondary: rgba(0, 0, 0, 0.6);
  --icon-tertiary: rgba(0, 0, 0, 0.4);
  --icon-Subtle: #D9D9D9;
  --icon-Hover: #838383;
  --icon-Active: #646464;
  --icon-Disabled: rgba(0, 0, 0, 0.27);
  --icon-Strong-Disabled: rgba(0, 0, 0, 0.45);
  --icon-Inverse-default: #FFFFFF;
  --icon-Inverse-Subtle: #F0F0F0;
  --icon-Inverse-Subtle-Hover: #E8E8E8;
  --icon-Inverse-Subtle-Active: #E8E8E8;
  --icon-onbrand-default: #FFFFFF;
  --icon-onbrand-secondery: rgba(255, 255, 255, 0.8);
  --icon-onbrand-tertiary: rgba(255, 255, 255, 0.6);
  --icon-Brand-Bold: #F76B15;
  --icon-Brand-Bold-hover: #EF5F00;
  --icon-Brand-Bold-Active: #CC4E00;
  --icon-Brand-Subtlest: #FFEFD6;
  --icon-Link: #0090FF;
  --icon-Link-hover: #0588F0;
  --icon-Link-Active: #0D74CE;
  --icon-assistive01-Primary: #FFC511;
  --icon-assistive01-hover: #EBB200;
  --icon-assistive01-Active: #C89600;
  --icon-assistive01-Subtlest: rgba(255, 222, 0, 0.239);
  --icon-assistive02-Primary: #12A594;
  --icon-assistive02-hover: rgba(0, 150, 132, 0.949);
  --icon-assistive02-Active: rgba(0, 133, 115, 0.91);
  --icon-assistive02-Subtlest: #E0F8F3;
  --icon-Color-Brand: #F76B15;
  --icon-Color-Success: #30A46C;
  --icon-Color-Danger: #DC3E42;
  --icon-Color-Warning: #F76B15;
  --icon-Color-Accent: #DC9D10;
  --icon-Color-Info: #0090FF;
  --icon-accent-Blue: #8EC8F6;
  --icon-accent-Yellow: #DC9D10;
  --icon-accent-Green: #30A46C;
  --icon-accent-Orange: #F76B15;
  --icon-accent-Red: #E5484D;
  --icon-accent-Violet: #6E56CF;
  --icon-badge-rejected: rgba(210, 0, 5, 0.439);
  --icon-badge-waiting: rgba(220, 155, 0, 0.62);
  --border-Subtle: #E8E8E8;
  --border-Bold: #202020;
  --border-Brand-Focus: #F5AE73;
  --border-Gohst: rgba(0, 0, 0, 0);
  --border-Inverse-default: #FFFFFF;
  --border-Brand-Bold: #F76B15;
  --border-Brand-Bold-hover: #EF5F00;
  --border-Brand-Bold-Active: #CC4E00;
  --border-Brand-Subtlest: #FFEFD6;
  --border-Colors-Info: #0090FF;
  --border-Colors-Warning: #F76B15;
  --border-Colors-Danger: #E5484D;
  --border-Colors-Success: #30A46C;
  --border-Soft-Accent-Accent-Blue: rgba(0, 143, 245, 0.102);
  --border-Soft-Accent-Accent-Blue-Bold: #0090FF;
  --border-Soft-Accent-Accent-Yellow: rgba(255, 222, 0, 0.239);
  --border-Soft-Accent-Accent-Yellow-Bold: #FFC511;
  --border-Soft-Accent-Accent-Teal: rgba(0, 198, 157, 0.122);
  --border-Soft-Accent-Accent-Teal-Bold: rgba(0, 158, 140, 0.929);
  --border-Soft-Accent-Accent-Orange: rgba(255, 156, 0, 0.161);
  --border-Soft-Accent-Accent-Orange-Bold: #F76B15;
  --border-Soft-Accent-Accent-Red: rgba(243, 0, 13, 0.078);
  --border-Soft-Accent-Accent-Red-Bold: rgba(219, 0, 7, 0.722);
  --border-Soft-Accent-Accent-Violet: #F4F0FE;
  --border-Soft-Accent-Accent-Purple-Bold: #6E56CF;
  --border-input-default: rgba(0, 0, 0, 0.2);
  --SummaryBadge-kroki-text: #12A594;
  --SummaryBadge-kroki-icon: #12A594;
  --SummaryBadge-kroki-bg: #CCF3EA;
  --SummaryBadge-kroki-border: rgba(0, 151, 131, 0.671);
  --SummaryBadge-chroetli-text: #6E56CF;
  --SummaryBadge-chroetli-icon: #6E56CF;
  --SummaryBadge-chroetli-bg: #EBE4FF;
  --SummaryBadge-chroetli-border: rgba(43, 0, 208, 0.4);
  --SummaryBadge-New-text: #838383;
  --SummaryBadge-New-bg: #E8E8E8;
  --SummaryBadge-New-border: #CECECE;
  --SummaryBadge-Aktiv-text: #30A46C;
  --SummaryBadge-Aktiv-bg: #D6F1DF;
  --SummaryBadge-Aktiv-border: rgba(0, 146, 75, 0.639);
  --SummaryBadge-Waiting-List-text: #C89600;
  --SummaryBadge-Waiting-List-bg: #FFF9BC;
  --SummaryBadge-Waiting-List-border: rgba(220, 155, 0, 0.62);
  --SummaryBadge-Auto-text: #582D1D;
  --SummaryBadge-Auto-bg: #FFEFD6;
  --SummaryBadge-Auto-border: rgba(255, 255, 255, 0.051);
  --SummaryBadge-Reject-text: #E5484D;
  --SummaryBadge-Reject-bg: #FEEBEC;
  --SummaryBadge-Reject-border: rgba(210, 0, 5, 0.439);
  --SummaryBadge-Logged-out-text: #FFDBDC;
  --SummaryBadge-Logged-out-bg: #641723;
  --SummaryBadge-Logged-out-border: #FFDBDC;
  --Summary-bg-top-layer: rgba(0, 170, 128, 0.051);
  --Summary-bg-bottom-layer: #FFFFFF;
  --Summary-border: #A1DED2;
  --Gradient-Blue: #ACD8FC;
  --Gradient-Blue-Subtle: #FBFDFF;
  --Gradient-Green: #ADDDC0;
  --Gradient-Purple: #D4CAFE;
  --Gradient-Red: #FDBDBE;
  --Gradient-Orange: #FFC182;
  --Gradient-Gray: #D9D9D9;
  --Gradient-day-0: #F76B15;
  --Gradient-day-50: rgba(239, 95, 0, 0.82);
  --Gradient-day-100: rgba(255, 129, 0, 0.49);
  --userSetting-bg-top-layer: rgba(0, 0, 0, 0.051);
  --userSetting-bg-bottom-layer: #FFFFFF;

  /* primitives referenced by components */
  --Alpha-Black-100: rgba(0, 0, 0, 0.051);
  --Alpha-Black-1000: rgba(0, 0, 0, 0.8);
  --Alpha-Black-1100: rgba(0, 0, 0, 0.902);
  --Alpha-Black-1200: rgba(0, 0, 0, 0.949);
  --Alpha-Black-200: rgba(0, 0, 0, 0.102);
  --Alpha-Black-400: rgba(0, 0, 0, 0.2);
  --Alpha-Black-500: rgba(0, 0, 0, 0.302);
  --Alpha-Black-600: rgba(0, 0, 0, 0.4);
  --Alpha-Black-700: rgba(0, 0, 0, 0.502);
  --Alpha-Black-800: rgba(0, 0, 0, 0.6);
  --Alpha-White-100: rgba(255, 255, 255, 0.051);
  --Alpha-White-400: rgba(255, 255, 255, 0.2);
  --Alpha-White-500: rgba(255, 255, 255, 0.302);
  --Alpha-White-600: rgba(255, 255, 255, 0.4);
  --Alpha-White-700: rgba(255, 255, 255, 0.502);
  --Alpha-Gray-100: rgba(0, 0, 0, 0);
  --Alpha-Gray-300: rgba(0, 0, 0, 0.05);
  --Alpha-Gray-400: rgba(0, 0, 0, 0.09);
  --Alpha-Gray-500: rgba(0, 0, 0, 0.12);
  --Alpha-Gray-900: rgba(0, 0, 0, 0.45);
  --Alpha-Green-400: rgba(0, 168, 56, 0.161);
  --Alpha-Orange-1000: rgba(239, 95, 0, 0.82);
  --Alpha-Orange-300: rgba(255, 156, 0, 0.161);
  --Alpha-Orange-600: rgba(255, 129, 0, 0.49);
  --Alpha-Orange-800: rgba(227, 95, 0, 0.671);
  --Alpha-Orange-900: rgba(246, 94, 0, 0.922);
  --Alpha-Red-400: rgba(255, 0, 8, 0.141);
  --Alpha-Red-800: rgba(210, 0, 5, 0.439);
  --Alpha-Red-900: rgba(219, 0, 7, 0.722);
  --Alpha-Teal-400: rgba(0, 195, 150, 0.2);
  --Alpha-Teal-800: rgba(0, 151, 131, 0.671);
  --Alpha-Teal-900: rgba(0, 158, 140, 0.929);
  --Alpha-Violet-800: rgba(43, 0, 208, 0.4);
  --Solid-Amber-800: #DC9D10;
  --Solid-Amber-900: #FFC511;
  --Solid-Blue-100: #FBFDFF;
  --Solid-Blue-400: #D5EFFF;
  --Solid-Blue-800: #5EB1EF;
  --Solid-Gray-1000: #838383;
  --Solid-Gray-300: #F0F0F0;
  --Solid-Gray-50: #FFFFFF;
  --Solid-Gray-500: #E0E0E0;
  --Solid-Gray-600: #D9D9D9;
  --Solid-Gray-700: #CECECE;
  --Solid-Gray-900: #8D8D8D;
  --Solid-Green-800: #5BB98B;
  --Solid-Orange-1200: #582D1D;
  --Solid-Orange-400: #FFDFB5;
  --Solid-Orange-500: #FFD19A;
  --Solid-Orange-600: #FFC182;
  --Solid-Orange-800: #EC9455;
  --Solid-Orange-900: #F76B15;
  --Solid-Red-1100: #CE2C31;
  --Solid-Red-1200: #641723;
  --Solid-Red-400: #FFDBDC;
  --Solid-Red-800: #EB8E90;
  --Solid-Teal-100: #FAFEFD;
  --Solid-Teal-1000: #0D9B8A;
  --Solid-Teal-400: #CCF3EA;
  --Solid-Teal-500: #B8EAE0;
  --Solid-Teal-600: #A1DED2;
  --Solid-Teal-900: #12A594;
  --Solid-Violet-100: #FDFCFE;
  --Solid-Violet-400: #EBE4FF;

  /* aliases: names already used in code that were never defined (case mismatch) */
  --bg-surface-tertiary: var(--bg-Surface-tertiary);
  --bg-surface-Soft-Brand-subtle: var(--bg-Surface-Soft-Brand-subtle);
  --bg-surface-Default: var(--bg-Surface-Default);
  --bg-surface-Soft-Green: var(--bg-Surface-Soft-Green);
  --bg-surface-Soft-Red: var(--bg-Surface-Soft-Red);
  --bg-surface-Secondary: var(--bg-Surface-Secondary);
  --bg-surface-Soft-Blue: var(--bg-Surface-Soft-Blue);
  --bg-surface-Soft-Red-subtle: var(--bg-Surface-Soft-Red-subtle);
  --bg-surface-Soft-Blue-subtle: var(--bg-Surface-Soft-Blue-subtle);
  --bg-surface-Soft-Green-subtle: var(--bg-Surface-Soft-Green-subtle);
  --bg-surface-Soft-Brand: var(--bg-Surface-Soft-Brand);
  --bg-surface-Disabled: var(--bg-Surface-Disabled);

  /* NEW tokens (no Figma equivalent yet) - light */
}



/* nw-new-semantic-tokens */
:root {
  /* elevation: light = shadow, so every level is white; dark = lightness (Dark.Solid-Gray 100..500) */
  --bg-Elevation-0: #FFFFFF;
  --bg-Elevation-1: #FFFFFF;
  --bg-Elevation-2: #FFFFFF;
  --bg-Elevation-3: #FFFFFF;
  --bg-Elevation-4: #FFFFFF;
  --bg-Surface-Section-Teal: #BBEAF3; /* Alpha-Teal-300 over Solid-Blue-400 */
  --bg-Card-Testimonial: #FEFCFB;
  --bg-Surface-Footer: #E6F4FE;
  --nw-image-dim: 1;
}
/* end nw-new-semantic-tokens */

/* nw-new-semantic-tokens-2 */
:root {
  --bg-Surface-Section-Yellow: #FFCE1A;
  --bg-Team-1: #E6F4FE;
  --border-Team-1: #5EB1EF;
  --bg-Team-2: #FFEFD6;
  --border-Team-2: #EC9455;
  --bg-Team-3: #E0F8F3;
  --border-Team-3: #53B9AB;
  --bg-Team-4: #F8F3E2;
  --border-Team-4: #FFC511;
  --bg-Team-5: #FEEBEC;
  --border-Team-5: #EB8E90;
  --bg-Team-6: #E6F6EB;
  --border-Team-6: #5BB98B;
  --bg-Team-7: #F4F0FE;
  --border-Team-7: #AA99EC;
  --bg-Team-8: #FEF0FC;
  --border-Team-8: #EC98E2;
  --bg-Team-9: #F0FEF2;
  --border-Team-9: #98ECA6;
}
/* end nw-new-semantic-tokens-2 */

:root[data-theme="dark"] {
  color-scheme: dark;
  --nw-header-glass-start: rgba(34, 34, 34, 0.97);
  --nw-header-glass-end: rgba(25, 25, 25, 0.97);
  --text-default: #EEEEEE;
  --text-Secondary: #B4B4B4;
  --text-Tertiary: #6E6E6E;
  --text-Subtle: #B4B4B4;
  --text-Disabled: rgba(255, 255, 255, 0.502);
  --text-Inverse: #111111;
  --text-Inverse-Subtle: #3A3A3A;
  --text-onbrand-default: #FFFFFF;
  --text-onbrand-secondery: rgba(255, 255, 255, 0.8);
  --text-onbrand-tertiary: rgba(255, 255, 255, 0.6);
  --text-Brand-Bold: #F76B15;
  --text-Brand-Bold-Hover: #FF801F;
  --text-Brand-Bold-Avtive: #FFA057;
  --text-Link: #0090FF;
  --text-Link-Hover: #3B9EFF;
  --text-Link-Avtive: #70B8FF;
  --text-Color-Brand: #F76B15;
  --text-Color-Success: #30A46C;
  --text-Color-Danger: #EC5D5E;
  --text-Color-Warning: #FF801F;
  --text-Color-Info: #0090FF;
  --text-accent-Yellow: #FFC53D;
  --text-accent-Green: #12A594;
  --text-accent-Orange: #F76B15;
  --text-accent-Red: #E5484D;
  --text-accent-Violet: #6E56CF;
  --text-badge-rejected: rgba(255, 93, 97, 0.69);
  --text-badge-waiting: rgba(254, 132, 56, 0.62);
  --text-badge-accepted: rgba(255, 255, 255, 0.702);
  --bg-brand-Primary: #F76B15;
  --bg-brand-hover: #FF801F;
  --bg-brand-Active: #FFA057;
  --bg-brand-Subtlest: #331E0B;
  --bg-Surface-Default: #191919;
  --bg-Surface-Secondary: #222222;
  --bg-Surface-tertiary: #313131;
  --bg-Surface-hover: #222222;
  --bg-Surface-selected: #222222;
  --bg-Surface-Disabled: #222222;
  --bg-Surface-Sunken: #111111;
  --bg-surface-Solid-not-for-use-Brand: #1E160F;
  --bg-surface-Solid-not-for-use-Blue: #111927;
  --bg-surface-Solid-not-for-use-Teal: #111C1B;
  --bg-surface-Solid-not-for-use-Yellow: #16120C;
  --bg-surface-Solid-not-for-use-Red: #201314;
  --bg-surface-Solid-not-for-use-Green: #121B17;
  --bg-surface-Solid-not-for-use-White: #111111;
  --bg-Surface-Soft-Brand: rgba(251, 106, 0, 0.149);
  --bg-Surface-Soft-Brand-subtle: rgba(254, 109, 0, 0.051);
  --bg-Surface-Soft-Blue: rgba(0, 119, 255, 0.231);
  --bg-Surface-Soft-Blue-subtle: rgba(17, 102, 251, 0.09);
  --bg-Surface-Soft-Teal: rgba(0, 255, 230, 0.122);
  --bg-Surface-Soft-Teal-subtle: rgba(18, 251, 230, 0.051);
  --bg-Surface-Soft-Yellow: rgba(250, 130, 0, 0.129);
  --bg-Surface-Soft-Yellow-subtle: rgba(253, 155, 0, 0.051);
  --bg-Surface-Soft-Red: rgba(255, 23, 63, 0.18);
  --bg-Surface-Soft-Red-subtle: rgba(242, 47, 62, 0.071);
  --bg-Surface-Soft-Green: rgba(34, 255, 153, 0.122);
  --bg-Surface-Soft-Green-subtle: rgba(41, 249, 157, 0.039);
  --bg-surface-badge-accepted-top: rgba(17, 102, 251, 0.09);
  --bg-surface-badge-accepted-middle: rgba(255, 255, 255, 0.149);
  --bg-surface-badge-accepted-base: rgba(255, 255, 255, 0.2);
  --bg-surface-badge-wating: rgba(250, 130, 0, 0.129);
  --bg-surface-badge-rejected: rgba(242, 47, 62, 0.071);
  --bg-NeutralBackground1: #EEEEEE;
  --bg-NeutralBackground2: #6E6E6E;
  --bg-NeutralBackground3: #313131;
  --bg-NeutralBackground4: rgba(255, 255, 255, 0.051);
  --bg-Neutral: rgba(236, 54, 0, 0.031);
  --bg-Neutral-Hover: rgba(254, 109, 0, 0.051);
  --bg-Neutral-Active: rgba(251, 106, 0, 0.149);
  --bg-Neutral-Selected: rgba(255, 89, 0, 0.22);
  --bg-Bold-Neutral-Gohst: rgba(0, 0, 0, 0);
  --bg-Bold-Neutral: rgba(255, 255, 255, 0.071);
  --bg-Bold-Neutral-Hover: rgba(255, 255, 255, 0.102);
  --bg-Bold-Neutral-Active: rgba(255, 255, 255, 0.133);
  --bg-Bold-Neutral-Selected: rgba(255, 255, 255, 0.102);
  --bg-Bold-Neutral-Disabled: #222222;
  --bg-Inverse-Neutral-Inverse-Default: rgba(0, 0, 0, 0.051);
  --bg-Inverse-Neutral-Inverse-Hover: rgba(0, 0, 0, 0.102);
  --bg-Inverse-Neutral-Inverse-Active: rgba(0, 0, 0, 0.149);
  --bg-Inverse-Neutral-Inverse-Selected: rgba(0, 0, 0, 0.102);
  --bg-Inverse-Neutral-Inverse-Disabled: rgba(0, 0, 0, 0.149);
  --bg-day-active-layer-top: rgba(17, 102, 251, 0.09);
  --bg-day-active-layer-base: rgba(255, 255, 255, 0.2);
  --bg-absences-soft-delete: #191919;
  --bg-Gray-Subtler: #111111;
  --bg-Gray-Subler-Hover: #191919;
  --bg-Gray-Subler-Active: #222222;
  --bg-Gray-Subtle: #191919;
  --bg-Gray-Subtle-Hover: #2A2A2A;
  --bg-Gray-Subtle-Active: #313131;
  --bg-Gray-Bold: rgba(255, 255, 255, 0.812);
  --bg-Gray-Bold-Hover: #B4B4B4;
  --bg-Gray-Bold-Active: #7B7B7B;
  --bg-Input-Default: #222222;
  --bg-Input-Hover: rgba(0, 0, 0, 0.149);
  --bg-blue-Primary: #0090FF;
  --bg-blue-hover: #3B9EFF;
  --bg-blue-Active: #70B8FF;
  --bg-blue-Brand-Subtlest: #0D2847;
  --bg-Danger-Primary: #E5484D;
  --bg-Danger-Hover: #EC5D5E;
  --bg-Danger-Active: #FF9592;
  --bg-Danger-Subtlest: #3B1219;
  --bg-Warning: #F76B15;
  --bg-Warning-hover: #FF801F;
  --bg-Warning-Active: #FFA057;
  --bg-Warning-Subtlest: #331E0B;
  --bg-Success: #30A46C;
  --bg-Success-hover: #33B074;
  --bg-Success-Active: #3DD68C;
  --bg-Success-Subtlest: #132D21;
  --bg-assistive01-Primary: #FFC53D;
  --bg-assistive01-hover: #FFD60A;
  --bg-assistive01-Active: #FFCA16;
  --bg-assistive01-Subtlest: rgba(250, 130, 0, 0.129);
  --bg-assistive02-Primary: #12A594;
  --bg-assistive02-hover: rgba(13, 255, 224, 0.678);
  --bg-assistive02-Active: rgba(10, 254, 213, 0.839);
  --bg-assistive02-Subtlest: #0D2D2A;
  --bg-accent-Blue: #2870BD;
  --bg-accent-AccentBlue-Subtlest: #0D2847;
  --bg-accent-Yellow: rgba(253, 139, 0, 0.251);
  --bg-accent-Yellow-Subtlest: #3B2A0A;
  --bg-accent-Green: #12A594;
  --bg-accent-Green-Subtlest: #132D21;
  --bg-accent-Red: #B54548;
  --bg-accent-Red-Subtlest: #3B1219;
  --bg-accent-Orange: #FFA057;
  --bg-accent-Orange-Subtlest: rgba(255, 255, 255, 0.698);
  --bg-accent-Violet: #6958AD;
  --bg-accent-Violet-Subtlest: #291F43;
  --bg-Utilities-Overlay: rgba(0, 0, 0, 0.5);
  --bg-Utilities-Blanket: rgba(0, 0, 0, 0.7);
  --bg-Utilities-Scrim: rgba(255, 255, 255, 0.8);
  --bg-Utilities-scroll-default: #606060;
  --bg-Utilities-scroll-Hover: #6E6E6E;
  --icon-Bold: rgba(255, 255, 255, 0.949);
  --icon-Light-Bold: #EEEEEE;
  --icon-Secondary: rgba(255, 255, 255, 0.6);
  --icon-tertiary: rgba(255, 255, 255, 0.4);
  --icon-Subtle: #3A3A3A;
  --icon-Hover: #7B7B7B;
  --icon-Active: #B4B4B4;
  --icon-Disabled: rgba(255, 255, 255, 0.349);
  --icon-Strong-Disabled: rgba(255, 255, 255, 0.463);
  --icon-Inverse-default: #111111;
  --icon-Inverse-Subtle: #222222;
  --icon-Inverse-Subtle-Hover: #2A2A2A;
  --icon-Inverse-Subtle-Active: #313131;
  --icon-onbrand-default: rgba(255, 255, 255, 0.949);
  --icon-onbrand-secondery: rgba(255, 255, 255, 0.8);
  --icon-onbrand-tertiary: rgba(255, 255, 255, 0.6);
  --icon-Brand-Bold: #F76B15;
  --icon-Brand-Bold-hover: #FF801F;
  --icon-Brand-Bold-Active: #FFA057;
  --icon-Brand-Subtlest: #FFE0C2;
  --icon-Link: #0090FF;
  --icon-Link-hover: #3B9EFF;
  --icon-Link-Active: #70B8FF;
  --icon-assistive01-Primary: #FFC53D;
  --icon-assistive01-hover: #FFD60A;
  --icon-assistive01-Active: #FFCA16;
  --icon-assistive01-Subtlest: rgba(250, 130, 0, 0.129);
  --icon-assistive02-Primary: #12A594;
  --icon-assistive02-hover: #0EB39E;
  --icon-assistive02-Active: #0BD8B6;
  --icon-assistive02-Subtlest: #ADF0DD;
  --icon-Color-Brand: #F76B15;
  --icon-Color-Success: #30A46C;
  --icon-Color-Danger: #E5484D;
  --icon-Color-Warning: #F76B15;
  --icon-Color-Accent: #8F6424;
  --icon-Color-Info: #0090FF;
  --icon-accent-Blue: #70B8FF;
  --icon-accent-Yellow: #FFCA16;
  --icon-accent-Green: #33B074;
  --icon-accent-Orange: #FF801F;
  --icon-accent-Red: #EC5D5E;
  --icon-accent-Violet: #7D66D9;
  --icon-badge-rejected: rgba(255, 83, 97, 0.522);
  --icon-badge-waiting: rgba(254, 132, 56, 0.62);
  --border-Subtle: #2A2A2A;
  --border-Bold: #EEEEEE;
  --border-Brand-Focus: #A35829;
  --border-Gohst: rgba(255, 255, 255, 0); /* Figma has 3.9% here; ghost must be 0 */
  --border-Inverse-default: #111111;
  --border-Brand-Bold: #F76B15;
  --border-Brand-Bold-hover: #FF801F;
  --border-Brand-Bold-Active: #FFA057;
  --border-Brand-Subtlest: #462100;
  --border-Colors-Info: #0090FF;
  --border-Colors-Warning: #F76B15;
  --border-Colors-Danger: #E5484D;
  --border-Colors-Success: #30A46C;
  --border-Soft-Accent-Accent-Blue: rgba(0, 119, 255, 0.231);
  --border-Soft-Accent-Accent-Blue-Bold: #0090FF;
  --border-Soft-Accent-Accent-Yellow: rgba(250, 130, 0, 0.129);
  --border-Soft-Accent-Accent-Yellow-Bold: #FFC53D;
  --border-Soft-Accent-Accent-Teal: rgba(0, 255, 230, 0.122);
  --border-Soft-Accent-Accent-Teal-Bold: #12A594;
  --border-Soft-Accent-Accent-Orange: rgba(251, 106, 0, 0.149);
  --border-Soft-Accent-Accent-Orange-Bold: #F76B15;
  --border-Soft-Accent-Accent-Red: rgba(255, 23, 63, 0.18);
  --border-Soft-Accent-Accent-Red-Bold: #E5484D;
  --border-Soft-Accent-Accent-Violet: rgba(131, 84, 254, 0.212);
  --border-Soft-Accent-Accent-Purple-Bold: #6E56CF;
  --border-input-default: rgba(255, 255, 255, 0.2);
  --SummaryBadge-kroki-text: #12A594;
  --SummaryBadge-kroki-icon: #12A594;
  --SummaryBadge-kroki-bg: #111C1B;
  --SummaryBadge-kroki-border: rgba(19, 255, 228, 0.62);
  --SummaryBadge-chroetli-text: #6958AD;
  --SummaryBadge-chroetli-icon: #6958AD;
  --SummaryBadge-chroetli-bg: #1B1525;
  --SummaryBadge-chroetli-border: rgba(151, 125, 254, 0.659);
  --SummaryBadge-New-text: #B4B4B4;
  --SummaryBadge-New-bg: #484848;
  --SummaryBadge-New-border: #3A3A3A;
  --SummaryBadge-Aktiv-text: #30A46C;
  --SummaryBadge-Aktiv-bg: #113B29;
  --SummaryBadge-Aktiv-border: rgba(84, 255, 173, 0.451);
  --SummaryBadge-Waiting-List-text: rgba(255, 197, 61, 0.726);
  --SummaryBadge-Waiting-List-bg: #1D180F;
  --SummaryBadge-Waiting-List-border: rgba(255, 171, 37, 0.4);
  --SummaryBadge-Auto-text: rgba(255, 255, 255, 0.698);
  --SummaryBadge-Auto-bg: #484848;
  --SummaryBadge-Auto-border: rgba(0, 0, 0, 0.051);
  --SummaryBadge-Reject-text: #EC5D5E;
  --SummaryBadge-Reject-bg: #500F1C;
  --SummaryBadge-Reject-border: rgba(255, 93, 97, 0.69);
  --SummaryBadge-Logged-out-text: #72232D;
  --SummaryBadge-Logged-out-bg: #FF9592;
  --SummaryBadge-Logged-out-border: #E5484D;
  --Summary-bg-top-layer: rgba(0, 222, 171, 0.02);
  --Summary-bg-bottom-layer: #313131;
  --Summary-border: #145750;
  --Gradient-Blue: #104D87;
  --Gradient-Blue-Subtle: #70B8FF;
  --Gradient-Green: #2F7C57;
  --Gradient-Purple: #6958AD;
  --Gradient-Red: #FF9592;
  --Gradient-Orange: #FF801F;
  --Gradient-Gray: #3A3A3A;
  --Gradient-day-0: #F76B15;
  --Gradient-day-50: rgba(255, 128, 31, 0.82);
  --Gradient-day-100: rgba(253, 117, 4, 0.361);
  --userSetting-bg-top-layer: rgba(255, 255, 255, 0.051);
  --userSetting-bg-bottom-layer: #111111;

  /* NEW tokens - dark (placeholder = light value until designed in Figma) */
}



/* nw-new-semantic-tokens */
:root[data-theme="dark"] {
  --bg-Elevation-0: #111111; /* Dark.Solid-Gray.100 */
  --bg-Elevation-1: #191919; /* 200 */
  --bg-Elevation-2: #222222; /* 300 */
  --bg-Elevation-3: #2A2A2A; /* 400 */
  --bg-Elevation-4: #313131; /* 500 */
  --bg-Surface-Section-Teal: #004C72; /* Dark Alpha-Teal-300 over Dark Solid-Blue-400 */
  --bg-Card-Testimonial: #222222; /* Dark.Solid-Gray.300 */
  --bg-Surface-Footer: #222222;
  --nw-image-dim: 0.9;
}
/* end nw-new-semantic-tokens */

/* nw-new-semantic-tokens-2 */
:root[data-theme="dark"] {
  --bg-Surface-Section-Yellow: #3F3210;
  --bg-Team-1: #0E2231;
  --border-Team-1: #3694DB;
  --bg-Team-2: #38270E;
  --border-Team-2: #D77630;
  --bg-Team-3: #152F2A;
  --border-Team-3: #47958A;
  --bg-Team-4: #2E2815;
  --border-Team-4: #CEA011;
  --bg-Team-5: #2F0E10;
  --border-Team-5: #D65F61;
  --bg-Team-6: #182B1E;
  --border-Team-6: #4B9872;
  --bg-Team-7: #170E2C;
  --border-Team-7: #7F68D7;
  --bg-Team-8: #2C0E28;
  --border-Team-8: #D767CA;
  --bg-Team-9: #0E2C12;
  --border-Team-9: #67D77A;
}
/* end nw-new-semantic-tokens-2 */

/* nw-consolidated */
:root {
  /* shadow / tint ladder: ink at N% alpha (light), black x1.6 (dark) */
  --shadow-Alpha-0: rgba(32, 32, 32, 0);
  --shadow-Alpha-1: rgba(32, 32, 32, 0.01);
  --shadow-Alpha-2: rgba(32, 32, 32, 0.02);
  --shadow-Alpha-3: rgba(32, 32, 32, 0.03);
  --shadow-Alpha-4: rgba(32, 32, 32, 0.04);
  --shadow-Alpha-5: rgba(32, 32, 32, 0.05);
  --shadow-Alpha-9: rgba(32, 32, 32, 0.09);
  --shadow-Alpha-10: rgba(32, 32, 32, 0.1);
  --bg-Tint-Teal: rgba(224, 248, 243, 0.32);
  --bg-Tint-Blue: rgba(230, 244, 254, 0.32);
  --bg-Tint-Violet: rgba(244, 240, 254, 0.32);
  --bg-Tint-Rose: rgba(254, 235, 236, 0.32);
  --bg-Tint-Peach: rgba(255, 239, 214, 0.32);
  --bg-Tint-Yellow: rgba(255, 249, 188, 0.32);
  --bg-Tint-Sand: rgba(255, 223, 181, 0.52);
  --bg-Tint-Gray: rgba(240, 240, 240, 0.52);
  --bg-Tint-Gray-Soft: rgba(217, 217, 217, 0.1);
}

:root[data-theme="dark"] {
  --shadow-Alpha-0: rgba(0, 0, 0, 0);
  --shadow-Alpha-1: rgba(0, 0, 0, 0.016);
  --shadow-Alpha-2: rgba(0, 0, 0, 0.032);
  --shadow-Alpha-3: rgba(0, 0, 0, 0.048);
  --shadow-Alpha-4: rgba(0, 0, 0, 0.064);
  --shadow-Alpha-5: rgba(0, 0, 0, 0.08);
  --shadow-Alpha-9: rgba(0, 0, 0, 0.144);
  --shadow-Alpha-10: rgba(0, 0, 0, 0.16);
  --bg-Tint-Teal: rgba(21, 47, 42, 0.32);
  --bg-Tint-Blue: rgba(14, 34, 49, 0.32);
  --bg-Tint-Violet: rgba(23, 14, 44, 0.32);
  --bg-Tint-Rose: rgba(47, 14, 16, 0.32);
  --bg-Tint-Peach: rgba(56, 39, 14, 0.32);
  --bg-Tint-Yellow: rgba(65, 61, 16, 0.32);
  --bg-Tint-Sand: rgba(67, 46, 17, 0.52);
  --bg-Tint-Gray: rgba(36, 36, 36, 0.52);
  --bg-Tint-Gray-Soft: rgba(43, 43, 43, 0.1);
}
/* end nw-consolidated */

/* nw-elevation */
:root {
  /* radius roles: change here, whole site follows */
  --corner-Control: 12px; /* buttons, inputs, selects */
  --corner-Nested: 16px;  /* cards inside cards, popovers */
  /* --corner-Card (24px) already exists */
  /* size roles */
  --size-Button-L: 48px; --size-Button-M: 40px; --size-Button-S: 32px;
  /* elevation roles (light: shadow + hairline edge) */
  --bg-Card: #FFFFFF;
  --bg-Raised: #FFFFFF;
  --bg-Input: #FFFFFF;
  --border-Card: #E9EBED;
  --border-Input: #D5D8DC;
  --shadow-Card: 0 1px 2px rgba(16,24,40,.06), 0 8px 24px rgba(16,24,40,.06);
  --shadow-Raised: 0 2px 4px rgba(16,24,40,.06), 0 12px 32px rgba(16,24,40,.10);
  --shadow-Input: inset 0 1px 2px rgba(16,24,40,.06);
  --shadow-Wave: drop-shadow(0 -8px 16px rgba(16,24,40,.08));
}
:root[data-theme="dark"] {
  /* dark: lightness steps + hairline edge + top highlight */
  --bg-Card: #1A1B1D;
  --bg-Raised: #212326;
  --bg-Input: #0D0E0F;
  --border-Card: rgba(255,255,255,.07);
  --border-Input: rgba(255,255,255,.12);
  --shadow-Card: inset 0 1px 0 rgba(255,255,255,.05), 0 8px 24px rgba(0,0,0,.45);
  --shadow-Raised: inset 0 1px 0 rgba(255,255,255,.07), 0 12px 32px rgba(0,0,0,.55);
  --shadow-Input: inset 0 1px 2px rgba(0,0,0,.5);
  --shadow-Wave: drop-shadow(0 -8px 16px rgba(0,0,0,.5));
}
/* end nw-elevation */

/* nw-round-11 */
:root {
  --text-On-Image: #FFFFFF;
  --bg-Scrim: rgba(0, 0, 0, 0.5);
}
:root[data-theme="dark"] {
  --text-On-Image: #FFFFFF;
  --bg-Scrim: rgba(0, 0, 0, 0.6);
}
/* end nw-round-11 */

/* ChildBadge (Figma semantic ChildBadge/*, Nov 2026): child name chips under the parent name */
:root {
  --ChildBadge-Default-bg: #E8E8E8;
  --ChildBadge-Default-text: #646464;
  --ChildBadge-Selected-bg: #202020;
  --ChildBadge-Selected-text: #FFFFFF;
  --ChildBadge-Selected-icon: #FFFFFF;
  --ChildBadge-Selected-border: #F5AE73;
  --ChildBadge-Waiting-bg: #FFF9BC;
  --ChildBadge-Waiting-text: #CC4E00;
  --ChildBadge-Waiting-icon: #CC4E00;
  --ChildBadge-Rejected-bg: rgba(243, 0, 13, 0.08);
  --ChildBadge-Rejected-text: #DC3E42;
  --ChildBadge-Rejected-icon: #E5484D;
}
:root[data-theme="dark"] {
  --ChildBadge-Default-bg: #313131;
  --ChildBadge-Default-text: #B4B4B4;
  --ChildBadge-Selected-bg: #EEEEEE;
  --ChildBadge-Selected-text: #111111;
  --ChildBadge-Selected-icon: #111111;
  --ChildBadge-Selected-border: #A35829;
  --ChildBadge-Waiting-bg: #302008;
  --ChildBadge-Waiting-text: #FFA057;
  --ChildBadge-Waiting-icon: #FFA057;
  --ChildBadge-Rejected-bg: rgba(255, 23, 63, 0.18);
  --ChildBadge-Rejected-text: #EC5D5E;
  --ChildBadge-Rejected-icon: #EC5D5E;
}