@import "theme-intertraffic-base.css";

body {
  --color-primary: #FF5703;
  --color-primary--dark: #f05609;
  --color-primary--lighten: #fa6d27;
  --color-primary--hover: #fa6d27;
  /* --color-secondary: #fa6d27; */
  --color-secondary: #000000;
  --color-secondary--dark: #FF5703;
  --color-secondary--lighten: #fa6d27;
  --color-secondary--hover: #A0B8BF;
  --color-tertiary: #A0B8BF;
  --color-tertiary--hover: #98aeb4;

  --button-default-color: var(--color-clear);
  /* --button-default-color-hover: var(--color-clear); */
  --button-default-border: none;
  --button-default-background: linear-gradient(135deg,transparent 15px,var(--color-primary)0);
  --button-default-background-hover: linear-gradient(135deg,transparent 15px,var(--color-primary--dark)0);
  --button-default-border-hover: none;
  --button-outline-color: var(--color-primary);
  /* --button-outline-background-color: transparent; */
  --button-outline-background: linear-gradient(180deg,var(--color-primary),var(--color-primary)),linear-gradient(225deg,var(--color-primary),var(--color-primary)),linear-gradient(0deg,var(--color-primary),var(--color-primary)),linear-gradient(90deg,var(--color-primary),var(--color-primary)),linear-gradient( 135deg,transparent 15px,var(--color-primary)10px,var(--color-primary)17px,transparent 12px);
  --button-outline-background-position: top right,top right,bottom left,bottom left,left;
  --button-outline-background-size: calc(100% - 22px)2px,2px 100%,100% 2px,2px calc(100% - 22px),100% calc(100% - 2px);
  --button-outline-background-repeat: no-repeat;
  --button-outline-border: none;
  --button-outline-color-hover: var(--color-clear);
  /* --button-outline-background-color-hover: var(--color-primary); */
  --button-outline-border-hover: none;
  --button-outline-background-hover: linear-gradient( 135deg,transparent 15px,var(--color-primary)10px,var(--color-primary)100%);
  --button-outline-background-position-hover: none;
  --button-outline-background-size-hover: none;
  --button-outline-background-repeat-hover: none;
}