/*
 * This file is part of GoTo Contact Center WebChat.
 *
 * GoTo Contact Center WebChat is free software: you can redistribute it and/or modify it under the terms of the
 * GNU General Public License as published by the Free Software Foundation, either version 3 of the License,
 * or (at your option) any later version.
 * GoTo Contact Center WebChat is distributed in the hope that it will be useful, but WITHOUT ANY WARRANTY;
 * without even the implied warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.
 * See the GNU General Public License for more details.
 * You should have received a copy of the GNU General Public License along with GoTo Contact Center WebChat.
 * If not, see <https://www.gnu.org/licenses/>.
 */

.goto-contact-center-webchat {
  /* typography */
  --goto-font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif;
  --goto-font-family-mono: Menlo, Consolas, Monaco, 'Liberation Mono', 'Lucida Console', monospace;

  --goto-button-text-medium: 600 0.875rem/1.2249999999999999rem var(--goto-font-family);
  --goto-code-medium: 400 0.875rem/1.5rem var(--goto-font-family-mono);
  --goto-caption-default-01: 400 0.75rem/1.0499999999999998rem var(--goto-font-family);
  --goto-caption-medium: 400 0.75rem/1.25rem var(--goto-font-family);
  --goto-body-medium-semibold: 600 1rem/1.4rem var(--goto-font-family);
  --goto-heading-medium: 600 1.75rem/2rem var(--goto-font-family);

  /* spacing */
  --goto-spacing-01: 4px;
  --goto-spacing-02: 8px;
  --goto-spacing-03: 12px;
  --goto-spacing-04: 16px;
  --goto-spacing-06: 24px;

  /* text colors */
  --goto-text-01: rgb(37, 40, 45);
  --goto-text-02: rgba(37, 40, 45, 0.67);
  --goto-text-06: #FFF;

  /* surface colors */
  --goto-interactive-01: #000;
  --goto-hover-primary: #2A3238;
  --goto-pressed-primary: #3D4852;
  --goto-focus: #FFF;
  --goto-highlight: 0 0 0 2px #000;
}

.goto-contact-center-webchat * {
  box-sizing: border-box;
  font: var(--goto-body-medium);
  margin: 0;
  padding: 0;
}