/*Import Inter Font from Official Source*/
@font-face {
    font-family: "Inter";
    src: url("https://rsms.me/inter/font-files/InterVariable.woff2?v=4.0") format("woff");
  }
:root{
/* Accent Colors for each App */
/* NOT IN USE */
/* Rechnungswesen */
    --rw-accent-fg: var(--app-rechnungswesen);
    --rw-accent-bg: color-mix(in srgb, var(--rw-accent-fg) 10%, white);

/* Meldewesen */
    --mw-accent-fg:  var(--app-meldewesen);
    --mw-accent-bg: color-mix(in srgb, var(--mw-accent-fg) 10%, white);

/* Core Service */
    --cs-accent-fg:  var(--app-coreservices);
    --cs-accent-bg: color-mix(in srgb, var(--cs-accent-fg) 10%, white);


}



/*Landing*/
[data-vp-component=banner] {
    --_foreground: var(--app-text);
    --_background: var(--app-background);
}

/*Tile Component*/
.tile{
    border-radius: 1rem;
    align-items: start;
    text-align: left;
}
/*Limit width of footer logo*/
.footer__logo{
    max-width: 120px;
}
/*Increase size of header links*/
.render-links--link a{
    font-size: var(--K15t-font-size-body-large);
}

/* Table of Content */
[data-vp-component="toc"] {
    --foreground-color: var(--app-text);
    --foreground-color-selected: var(--app-text);
    --background-color: transparent;
    --background-color-selected: var(--action-tertiary-bg-hover);
    --border-color:transparent;
  }

/* Search Suggestions */
[data-vp-component="search-suggestion"] {
    --text-color-option: var(--app-text);
    --text-color-option-active: var(--app-text);
    --background-color-panel: white;
    --background-color-option: transparent;
    --background-color-option-active: var(--action-tertiary-bg-hover);
    --accent-color-option-active: transparent;
    --border-color-panel: var(--app-divider);
    --border-radius-panel: 1rem;
}
.vp-search-suggestion-option-container.vp-search-form__suggestion{
    padding: 0.5rem;
}
.vp-search-suggestion-option-container.vp-search-form__suggestion a.vp-search-suggestion-option{
    border-radius: 0.8rem;
}

/* Space Headline */
.space-overview__detail__intro--heading{
    align-items: center;
}
.space-overview__detail__intro--logo{
    display: flex;
}
.space-overview__detail__intro--logo img{
    border-radius: 0.5rem;
}

/* +++ START Override Panels +++ */
.panel-macro{
    border-style: solid;
    border-width: 1px;
}
/* Info Panel */
.panel-macro--info {
    border-color: var(--K15t-background-information-strong);
}
.panel-macro--panel-note-adf{
    border-color: var(--app-divider);
}
.panel-macro--tip {
    border-color: var(--K15t-background-success-strong);
}
.panel-macro--warning {
    border-color: var(--K15t-background-warning-strong);
}
/* +++ END Override Panels +++ */

/* +++ START Status +++ */
.aui-lozenge{
    padding: 0.5rem 0.6rem;
    border-radius: 0.375rem;
    border-width: 1px;
    border-style: solid;
    border-color: var(--K15t-background-info-strong);
    background: var(--K15t-background-info);
}
.aui-lozenge.aui-lozenge-progress{
    border-color: purple;
    background: purple; 
}
.aui-lozenge.aui-lozenge-complete{
    border-color: var(--K15t-background-info-strong);
    background: var(--K15t-background-info);
}
.aui-lozenge.aui-lozenge-error{
    border-color: var(--K15t-background-danger-strong);
    background: var(--K15t-background-danger);
}
.aui-lozenge.aui-lozenge-current{
    border-color: var(--K15t-background-warning-strong);
    background: var(--K15t-background-warning);
}
.aui-lozenge.aui-lozenge-success{
    border-color: var(--K15t-background-success-strong);
    background: var(--K15t-background-success);
}

/* +++ END Status +++ */

/*Header Banner Footer*/
:root{
    --K15t-header-foreground: var(--app-text);
    --K15t-header-background: var(--app-background);
    --K15t-footer-foreground: var(--app-text);
    --K15t-footer-background: var(--app-background);
    --K15t-banner-foreground: var(--app-text);
    --K15t-banner-background: var(--app-background);
    --K15t-banner-image: none;
}

  :root {

    --vpt-theme-banner-image: none;

    --K15t-foreground: var(--app-text);
    --K15t-foreground-subtle: var(--text-assistive);
    --K15t-foreground-brand: var(--app-text);

    --K15t-background-neutral: var(--app-background);
    --K15t-background-neutral-subtle: var(--action-tertiary-bg);
    --K15t-background-neutral-subtle-hovered: var(--action-tertiary-bg-hover);

    --K15t-background-neutral-strong: red;

    --K15t-background-brand: var(--color-black);
    --K15t-foreground-on-brand: var(--app-text-inverted);

    --K15t-background-input: white;

    --K15t-background-information: var(--color-sky-sky50);
    --K15t-background-information-strong: var(--color-sky-sky500);

    --K15t-background-danger: var(--color-red-red50);
    --K15t-background-danger-strong: var(--color-red-red500);

    --K15t-background-warning: var(--color-orange-orange50);
    --K15t-background-warning-strong: var(--color-orange-orange500);

    --K15t-background-success: var(--color-green-green50);
    --K15t-background-success-strong: var(--color-green-green500);

    --K15t-background-tip: var(--color-grey-sky50);
    --K15t-background-tip-strong: var(--color-grey-sky500);

    --K15t-border-neutral: var(--app-divider);
    --K15t-border-neutral-strong: var(--app-divider);
    --K15t-border-neutral-strong-selected: none;

    --K15t-border-input: var(--app-divider);
    --K15t-border-input-selected: var(--color-sky-sky500);

    --K15t-link: var(--app-text);

    --K15t-border-brand: var(--divider);
    --K15t-border-brand-hovered: var(--divider);
    --K15t-border-brand-pressed: var(--divider);
    --K15t-border-brand-selected: var(--divider);
    --K15t-border-brand-strong: var(--divider);

    /*Text Primitives*/
    --K15t-font-family-sans: "Inter",Helvetica,Arial,sans-serif;
    --K15t-font-family-mono: "PT Mono",Monaco,"Andale Mono","Ubuntu Mono",monospace;
    --K15t-font-family-headline: var(--K15t-font-family-sans);
    --K15t-font-family-body: var(--K15t-font-family-sans);
    --K15t-font-family-code: var(--K15t-font-family-sans);
    --K15t-font-weight-regular: 400;
    --K15t-font-weight-medium: 500;
    --K15t-font-weight-semi-bold: 600;
    --K15t-font-weight-bold: 700;

    --K15t-font-size-scale: initial; /*Scale font with this var*/

    --K15t-font-size-3x-small: 0.6rem;
    --K15t-font-size-2x-small: 0.75rem;
    --K15t-font-size-x-small: 0.8rem;
    --K15t-font-size-small: 0.85rem;
    --K15t-font-size-medium: 1rem;
    --K15t-font-size-large: 1rem;
    --K15t-font-size-x-large: 1.2rem;
    --K15t-font-size-2x-large: 2rem;
    --K15t-font-size-3x-large: 2.5rem;

    /*Radius Primitives*/
    --K15t-radius-small: 0.5rem;


    /*Overrides for font sizes*/
    --K15t-font-size-headline-x-large: 3.8rem;
    /*H1*/
    --K15t-font-size-headline-large: 3rem;
    /*H2*/
    --K15t-font-size-headline-medium: 1.75rem;
    /*H3*/
    --K15t-font-size-headline-small: 1.5rem;

    --K15t-font-size-body-large: 1.2rem;
    --K15t-font-size-body-medium: 1rem;
    --K15t-font-size-body-small: 0.8rem;

    /* Override Headline Complete */
    /*Title*/
    --K15t-font-headline-x-large: var(--K15t-font-weight-semi-bold) var(--K15t-font-size-headline-x-large) /var(--K15t-line-height-x-small) var(--K15t-font-family-headline);
    /* H1 */
    --K15t-font-headline-large: var(--K15t-font-weight-medium) var(--K15t-font-size-headline-large) /var(--K15t-line-height-x-small) var(--K15t-font-family-headline);



    /*K15 Radius Overrides*/
    --K15t-radius-pill: 0.8rem;


    /*K15 Primitives*/
    --K15t-color-neutral-0: var(--color-grey-grey50);
    --K15t-color-neutral-25: var(--color-grey-grey50);
    --K15t-color-neutral-50: var(--color-grey-grey50);
    --K15t-color-neutral-75: var(--color-grey-grey50);
    --K15t-color-neutral-100: var(--color-grey-grey100);
    --K15t-color-neutral-200: var(--color-grey-grey200);
    --K15t-color-neutral-300: var(--color-grey-grey300);
    --K15t-color-neutral-400: var(--color-grey-grey400);
    --K15t-color-neutral-500: var(--color-grey-grey500);
    --K15t-color-neutral-600: var(--color-grey-grey600);
    --K15t-color-neutral-700: var(--color-grey-grey700);
    --K15t-color-neutral-800: var(--color-grey-grey800);
    --K15t-color-neutral-900: var(--color-grey-grey900);
    --K15t-color-neutral-1000: var(--color-grey-grey950);
    --K15t-color-brand-50: var(--color-sky-sky50);
    --K15t-color-brand-100: var(--color-sky-sky100);
    --K15t-color-brand-200: var(--color-sky-sky200);
    --K15t-color-brand-300: var(--color-sky-sky300);
    --K15t-color-brand-400: var(--color-sky-sky400);
    --K15t-color-brand-500: var(--color-sky-sky500);
    --K15t-color-brand-600: var(--color-sky-sky600);
    --K15t-color-brand-700: var(--color-sky-sky700);
    --K15t-color-brand-800: var(--color-sky-sky800);
    --K15t-color-brand-900: var(--color-sky-sky900);
    --K15t-color-blue-100: var(--color-sky-sky100);
    --K15t-color-blue-400: var(--color-sky-sky400);
    --K15t-color-blue-500: var(--color-sky-sky500);
    --K15t-color-blue-600: var(--color-sky-sky600);
    --K15t-color-yellow-100: var(--color-orange-orange100);
    --K15t-color-yellow-400: var(--color-orange-orange400);
    --K15t-color-red-100: var(--color-red-red100);
    --K15t-color-red-400: var(--color-red-red400);
    --K15t-color-red-700: var(--color-red-red700);
    --K15t-color-green-100: var(--color-green-green100);
    --K15t-color-green-400: var(--color-green-green400);
    --K15t-color-green-900: var(--color-green-green900);
    --K15t-color-purple-100: initial;
    --K15t-color-purple-400: initial;
    --K15t-color-purple-700: initial;
    --K15t-color-teal-100: initial;
    --K15t-color-teal-400: initial;


    /*UNEOS Primitives*/
    --color-black: #000000;
    --color-transparent: #ffffff00;
    --color-white: #ffffff;
    --color-brand-blue: #271f70;
    --color-brand-brown: #55523e;
    --color-brand-camo: #938970;
    --color-brand-coral: #ff7a50;
    --color-brand-dirt: #e0ddd4;
    --color-brand-green: #b4bdae;
    --color-brand-jordy: #91b2f3;
    --color-brand-logo: #193153;
    --color-brand-melone: #efbfae;
    --color-brand-plum: #8f3985;
    --color-brand-sand: #f2f0e9;
    --color-brand-savoy: #4262ce;
    --color-brand-tangerine: #f49c75;
    --color-brand-thistel: #cfa8c9;
    --color-green-green100: #dcfce7;
    --color-green-green200: #bbf7d0;
    --color-green-green300: #86efac;
    --color-green-green400: #4ade80;
    --color-green-green50: #f0fdf4;
    --color-green-green500: #22c55e;
    --color-green-green600: #16a34a;
    --color-green-green700: #15803d;
    --color-green-green800: #166534;
    --color-green-green900: #14532d;
    --color-grey-grey100: #f3f4f6;
    --color-grey-grey200: #e5e7eb;
    --color-grey-grey300: #d1d5db;
    --color-grey-grey400: #9ca3af;
    --color-grey-grey50: #f9fafb;
    --color-grey-grey500: #6b7280;
    --color-grey-grey600: #4b5563;
    --color-grey-grey700: #374151;
    --color-grey-grey800: #1f2937;
    --color-grey-grey900: #111827;
    --color-grey-grey950: #030712;
    --color-orange-orange100: #ffedd5;
    --color-orange-orange200: #fed7aa;
    --color-orange-orange300: #fdba74;
    --color-orange-orange400: #fb923c;
    --color-orange-orange50: #fff7ed;
    --color-orange-orange500: #f97316;
    --color-orange-orange600: #ea580c;
    --color-orange-orange700: #c2410c;
    --color-orange-orange800: #9a3412;
    --color-orange-orange900: #7c2d12;
    --color-orange-orange950: #431407;
    --color-red-900: #7f1d1d;
    --color-red-red100: #fee2e2;
    --color-red-red200: #fecaca;
    --color-red-red300: #fca5a5;
    --color-red-red400: #f87171;
    --color-red-red50: #fef2f2;
    --color-red-red500: #ef4444;
    --color-red-red600: #dc2626;
    --color-red-red700: #b91c1c;
    --color-red-red800: #991b1b;
    --color-sky-sky100: #e0f2fe;
    --color-sky-sky200: #bae6fd;
    --color-sky-sky300: #7dd3fc;
    --color-sky-sky400: #38bdf8;
    --color-sky-sky50: #f0f9ff;
    --color-sky-sky500: #0ea5e9;
    --color-sky-sky600: #0284c7;
    --color-sky-sky700: #0369a1;
    --color-sky-sky800: #075985;
    --color-sky-sky900: #0c4a6e;

    /*UNEOS Tokens*/
    --action-cta-bg: var(--color-sky-sky500);
    --action-cta-bg-hover: var(--color-sky-sky600);
    --action-cta-fg: var(--app-text-inverted);
    --action-danger-bg: var(--color-red-red500);
    --action-danger-bg-hover: var(--color-red-red600);
    --action-danger-fg: var(--app-text-inverted);
    --action-primary-bg: var(--color-grey-grey950);
    --action-primary-bg-hover: var(--color-grey-grey800);
    --action-primary-fg: var(--app-text-inverted);
    --action-secondary-bg: var(--color-grey-grey200);
    --action-secondary-bg-hover: var(--color-grey-grey300);
    --action-secondary-fg: var(--app-text);
    --action-success-bg: var(--color-green-green500);
    --action-success-bg-hover: var(--color-green-green600);
    --action-success-fg: var(--app-text-inverted);
    --action-tertiary-bg: var(--color-transparent);
    --action-tertiary-bg-hover: var(--color-grey-grey100);
    --action-tertiary-fg: var(--app-text);
    --action-tertiary-fg-low: var(--color-grey-grey600);
    --action-toggle-active-bg: var(--action-primary-bg);
    --action-toggle-active-bg-hover: var(--action-primary-bg-hover);
    --action-toggle-active-fg: var(--action-primary-fg);
    --action-toggle-default-bg: var(--action-tertiary-bg);
    --action-toggle-default-bg-hover: var(--action-tertiary-bg-hover);
    --action-toggle-default-fg: var(--action-tertiary-fg);
    --app-background: var(--color-grey-grey50);
    --app-button-bg: #ffffff;
    --app-controlling: var(--color-brand-plum);
    --app-coreservices: var(--color-grey-grey700);
    --app-datenqualitaet: var(--color-brand-brown);
    --app-divider: var(--color-grey-grey300);
    --app-divider-dim: var(--color-grey-grey200);
    --app-meldewesen: var(--color-brand-coral);
    --app-rechnungswesen: var(--color-brand-savoy);
    --app-scrollbar-fg: var(--color-grey-grey400);
    --app-smartfill: #22d3b3;
    --app-text: var(--color-grey-grey950);
    --app-text-active: var(--color-sky-sky500);
    --app-text-assistive: var(--color-grey-grey500);
    --app-text-error: var(--color-red-red500);
    --app-text-inverted: var(--color-grey-grey50);
    --app-text-warning: var(--color-orange-orange500);
    --app-overlays-bg: var(--color-white);

  }