/**
 * Copyright 2025 Google LLC
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *     http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */

/* You can add global styles to this file, and also import other style files */

html,
body {
  height: 100%;
  margin: 0;
  font-family: 'Google Sans', sans-serif !important;
}

.material-symbols-rounded {
  font-variation-settings:
    'FILL',
    'wght' 600,
    'GRAD' 0,
    'opsz' 48;
}

.tooltip-list .mdc-tooltip__surface {
  white-space: pre;
  max-width: unset !important;
}

.mat-mdc-slide-toggle.mat-accent {
  --mdc-switch-selected-focus-state-layer-color: #4285f4;
  --mdc-switch-selected-handle-color: #4285f4;
  --mdc-switch-selected-hover-state-layer-color: #4285f4;
  --mdc-switch-selected-pressed-state-layer-color: #4285f4;
  --mdc-switch-selected-focus-handle-color: #3f74e0;
  --mdc-switch-selected-hover-handle-color: #3f74e0;
  --mdc-switch-selected-pressed-handle-color: #3f74e0;
  --mdc-switch-selected-focus-track-color: rgba(66, 133, 244, 0.3);
  --mdc-switch-selected-hover-track-color: rgba(66, 133, 244, 0.3);
  --mdc-switch-selected-pressed-track-color: rgba(66, 133, 244, 0.3);
  --mdc-switch-selected-track-color: rgba(66, 133, 244, 0.3);
}

.arrow-top {
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1) !important;
  border-radius: 20px !important;
}

.mat-mdc-checkbox.mat-accent {
  --mdc-checkbox-selected-checkmark-color: #fff;
  --mdc-checkbox-selected-focus-icon-color: #4285f4;
  --mdc-checkbox-selected-hover-icon-color: #4285f4;
  --mdc-checkbox-selected-icon-color: #4285f4;
  --mdc-checkbox-selected-pressed-icon-color: #4285f4;
  --mdc-checkbox-unselected-focus-icon-color: #212121;
  --mdc-checkbox-unselected-hover-icon-color: #212121;
  --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
}

$tour-skip-link-color: red;
$tour-text-color: purple;
$tour-next-text-color: yellow;
$tour-zindex: 100;
$tour-orb-color: cyan;
$tour-next-button-color: green;
$tour-next-button-hover: black;
$tour-back-button-color: white;
$tour-shadow-color: gray;
$tour-step-color: aliceblue;

@tailwind base;
@tailwind components;
@tailwind utilities;