@use "@infineon/design-system-tokens/dist/tokens";

//
// Bootstrap 5 Theme
//

// Color system
//
$gray-100: tokens.$color-gray-100;
$gray-200: tokens.$color-gray-200;
$gray-300: tokens.$color-gray-300;
$gray-400: tokens.$color-gray-400;
$gray-500: tokens.$color-gray-500;
$gray-600: tokens.$color-gray-600;

$blue: #0d6efd;
$indigo: #6610f2;
$purple: #6f42c1;
$pink: #d63384;
$red: tokens.$color-danger-500;
$orange: #fd7e14;
$yellow: tokens.$color-warning-500;
$green: tokens.$color-success-600;
$teal: tokens.$color-default-500;
$cyan: tokens.$color-gray-500;

$min-contrast-ratio: 3.5;

$primary: tokens.$color-default-500;
$secondary: tokens.$color-highlight-500;

$white: tokens.$color-white;
$black: tokens.$color-black;

$body-color: $black;

$disabled-color: tokens.$color-gray-300;

// Options
//
$enable-validation-icons: false;

// Links
//
$link-color: tokens.$color-default-500;

// Typography
//
$font-family-sans-serif: tokens.$font-family-body;
$font-family-monospace: tokens.$font-family-monospace;

$font-size-base: tokens.$font-size-m;
$font-size-sm: tokens.$font-size-s;
$font-size-lg: tokens.$font-size-l;

$font-weight-light: tokens.$font-weight-light;
$font-weight-normal: tokens.$font-weight-regular;
$font-weight-bold: tokens.$font-weight-semi-bold;
$font-weight-bolder: tokens.$font-weight-bold;

$h1-font-size: tokens.$font-size-xxxxl;
$h2-font-size: tokens.$font-size-xxxl;
$h3-font-size: tokens.$font-size-xxl;
$h4-font-size: tokens.$font-size-xl;
$h5-font-size: tokens.$font-size-l;
$h6-font-size: tokens.$font-size-m;

$headings-font-family: tokens.$font-family-heading;
$headings-font-weight: tokens.$font-weight-semi-bold;

$display-font-sizes: (
  1: 4.25rem,
  2: 3.5rem,
  3: 3rem,
  4: 2rem
);

$display-font-weight: $headings-font-weight;

$line-height-base: tokens.$font-line-height-m;
$line-height-sm: tokens.$font-line-height-s;
$line-height-lg: tokens.$font-line-height-l;

// Components
//
$border-color: tokens.$color-gray-200;

$border-radius: tokens.$border-radius-default;
$border-radius-pill: tokens.$border-radius-pill;

// Breadcrumb
//
$breadcrumb-divider: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='16' width='10' fill='%23DCD5D7' viewBox='0 0 320 512'%3E%3C!--! Font Awesome Pro 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --%3E%3Cpath d='M312.2 2.281c-7.469-4.484-17.34-2.125-21.94 5.484l-288 480c-4.562 7.578-2.094 17.41 5.5 21.95C10.34 511.3 13.19 512 16 512c5.406 0 10.72-2.766 13.72-7.766l288-480C322.3 16.66 319.8 6.828 312.2 2.281z'/%3E%3C/svg%3E");

// Table
//
$table-striped-bg: tokens.$color-gray-100;
$table-hover-bg: tokens.$color-gray-200;

// Cards
//
$card-spacer-y: tokens.$spacing-l;
$card-spacer-x: tokens.$spacing-l;
$card-border-color: $border-color;

// Badges
//
$badge-font-size: 1em;
$badge-padding-y: .5em;
$badge-padding-x: 1em;
$badge-font-weight: tokens.$font-weight-semi-bold;
$badge-color: $black;

// List group
//
$list-group-item-padding-y: tokens.$spacing-s;
$list-group-item-padding-x: tokens.$spacing-m;

// Buttons
//
$input-btn-focus-color: #B4DDD8;
$input-btn-focus-width: 3px;

// Forms
//
$form-label-color: tokens.$color-gray-500;
$form-label-margin-bottom: tokens.$spacing-xs;

$form-text-color: $body-color;
$form-text-font-size: $font-size-sm;
$form-text-margin-top: tokens.$spacing-xs;

$input-padding-y: tokens.$spacing-s;
$input-padding-x: tokens.$spacing-m;
$input-font-family: $font-family-sans-serif;
$input-font-size: $font-size-base;

$input-padding-y-sm: $input-padding-y;
$input-padding-x-sm: $input-padding-x;
$input-font-size-sm: $font-size-sm;

$input-padding-y-lg: $input-padding-y;
$input-padding-x-lg: $input-padding-x;
$input-font-size-lg: $font-size-lg;

$input-bg: $white;
$input-disabled-bg: $white;
$input-disabled-border-color: $disabled-color;

$input-color: $body-color;
$input-border-color: tokens.$color-gray-400;
$input-border-width: 1px;
$input-box-shadow: none;

$input-border-radius: $border-radius;
$input-border-radius-sm: $border-radius;
$input-border-radius-lg: $border-radius;

$input-focus-bg: $input-bg;
$input-focus-border-color: $input-border-color;
$input-focus-color: $input-color;

$input-placeholder-color: tokens.$color-gray-400;

$form-file-button-color: $black;
$form-file-button-bg: tokens.$color-gray-100;
$form-file-button-hover-bg: tokens.$color-gray-200;

$form-select-disabled-color: $disabled-color;
$form-select-disabled-bg: $white;
$form-select-bg-size: 0.9em;
$form-select-indicator-color: $body-color;
$form-select-indicator: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'><!--! Font Awesome Pro 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --><path fill='#{$form-select-indicator-color}' d='M4.251 181.1C7.392 177.7 11.69 175.1 16 175.1c3.891 0 7.781 1.406 10.86 4.25l197.1 181.1l197.1-181.1c6.5-6 16.64-5.625 22.61 .9062c6 6.5 5.594 16.59-.8906 22.59l-208 192c-6.156 5.688-15.56 5.688-21.72 0l-208-192C-1.343 197.7-1.749 187.6 4.251 181.1z'/></svg>");
$form-select-disabled-indicator: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'><!--! Font Awesome Pro 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --><path fill='#{$disabled-color}' d='M4.251 181.1C7.392 177.7 11.69 175.1 16 175.1c3.891 0 7.781 1.406 10.86 4.25l197.1 181.1l197.1-181.1c6.5-6 16.64-5.625 22.61 .9062c6 6.5 5.594 16.59-.8906 22.59l-208 192c-6.156 5.688-15.56 5.688-21.72 0l-208-192C-1.343 197.7-1.749 187.6 4.251 181.1z'/></svg>");

$form-searchbar-icon-size: 1.1em;
$form-searchbar-icon: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><!--! Font Awesome Pro 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --><path fill='#{$form-label-color}' d='M507.3 484.7l-141.5-141.5C397 306.8 415.1 259.7 415.1 208c0-114.9-93.13-208-208-208S-.0002 93.13-.0002 208S93.12 416 207.1 416c51.68 0 98.85-18.96 135.2-50.15l141.5 141.5C487.8 510.4 491.9 512 496 512s8.188-1.562 11.31-4.688C513.6 501.1 513.6 490.9 507.3 484.7zM208 384C110.1 384 32 305 32 208S110.1 32 208 32S384 110.1 384 208S305 384 208 384z'/></svg>");
$form-searchbar-disabled-icon: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><!--! Font Awesome Pro 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --><path fill='#{$disabled-color}' d='M507.3 484.7l-141.5-141.5C397 306.8 415.1 259.7 415.1 208c0-114.9-93.13-208-208-208S-.0002 93.13-.0002 208S93.12 416 207.1 416c51.68 0 98.85-18.96 135.2-50.15l141.5 141.5C487.8 510.4 491.9 512 496 512s8.188-1.562 11.31-4.688C513.6 501.1 513.6 490.9 507.3 484.7zM208 384C110.1 384 32 305 32 208S110.1 32 208 32S384 110.1 384 208S305 384 208 384z'/></svg>");

$form-check-input-width: 0.815em;
$form-check-padding-start: 1.75em;
$form-check-input-border: 1px solid tokens.$color-gray-400;
$form-check-input-border-radius: $border-radius;

$form-check-input-checked-color: $white;
$form-check-input-checked-bg-color: tokens.$color-highlight-500;
$form-check-input-checked-border-color: tokens.$color-highlight-500;

$form-check-input-checked-bg-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'><!--! Font Awesome Pro 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --><path fill='#{$form-check-input-checked-color}' d='M438.6 105.4C451.1 117.9 451.1 138.1 438.6 150.6L182.6 406.6C170.1 419.1 149.9 419.1 137.4 406.6L9.372 278.6C-3.124 266.1-3.124 245.9 9.372 233.4C21.87 220.9 42.13 220.9 54.63 233.4L159.1 338.7L393.4 105.4C405.9 92.88 426.1 92.88 438.6 105.4H438.6z'/></svg>");

$form-check-radio-checked-color: $secondary;
$form-check-radio-checked-bg-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'><circle r='2.5' fill='#{$form-check-radio-checked-color}'/></svg>");
$form-check-radio-checked-disabled-bg-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'><circle r='2.5' fill='#{$disabled-color}'/></svg>");

$form-check-input-disabled-opacity: 1;

// Carousel
//
$carousel-control-color: $body-color;
$carousel-control-opacity: 1;
$carousel-control-hover-opacity: 1;
$carousel-control-prev-icon-bg: url("data:image/svg+xml, <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512' fill='#{$carousel-control-color}'><!--! Font Awesome Pro 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --><path d='M234.8 36.25c3.438 3.141 5.156 7.438 5.156 11.75c0 3.891-1.406 7.781-4.25 10.86L53.77 256l181.1 197.1c6 6.5 5.625 16.64-.9062 22.61c-6.5 6-16.59 5.594-22.59-.8906l-192-208c-5.688-6.156-5.688-15.56 0-21.72l192-208C218.2 30.66 228.3 30.25 234.8 36.25z'/></svg>");
$carousel-control-next-icon-bg: url("data:image/svg+xml, <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512' fill='#{$carousel-control-color}'><!--! Font Awesome Pro 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --><path d='M85.14 475.8c-3.438-3.141-5.156-7.438-5.156-11.75c0-3.891 1.406-7.781 4.25-10.86l181.1-197.1L84.23 58.86c-6-6.5-5.625-16.64 .9062-22.61c6.5-6 16.59-5.594 22.59 .8906l192 208c5.688 6.156 5.688 15.56 0 21.72l-192 208C101.7 481.3 91.64 481.8 85.14 475.8z'/></svg>");
$carousel-control-icon-width: 50%;

$carousel-indicator-width: 130px;
$carousel-indicator-height: 2px;
$carousel-indicator-spacer: 4px;
$carousel-indicator-opacity: 1;