//
//  DIALTONE
//  GLOBALS
//
//  This file provides global CSS styles for Dialtone. For more Information
//  about Dialtone and these classes, please visit:
//  https://dialtone.dialpad.com
//
//  ============================================================================


//  ============================================================================
//  @   RESETS
//  ============================================================================
//      [1]     Font size set to 10px to make REM values easier to calculate
//      [2]     We don't want 10px to be the default size, so we reset it to
//              the desired 16px size;
//      [3]     Prevent adjustments of font size after orientation changes in iOS.
//  ----------------------------------------------------------------------------

@font-face {
  font-weight: 400;
  font-family: Archivo;
  font-style: normal;
  src: url('../fonts/Archivo-Regular.woff2') format('woff2');
}

@font-face {
  font-weight: 700;
  font-family: Archivo;
  font-style: normal;
  src: url('../fonts/Archivo-Bold.woff2') format('woff2');
}

@font-face {
  font-weight: 600;
  font-family: Archivo;
  font-style: normal;
  src: url('../fonts/Archivo-SemiBold.woff2') format('woff2');
}

// Define custom font: "Segoe UI Adjusted" to fix some visual issues with the Segoe UI font
@font-face {
  font-family: "Segoe UI Adjusted";
  src: local(Segoe UI);
  ascent-override: 95%;
}


html,
body {
    margin: 0;
    /* stylelint-disable-next-line meowtec/no-px */
    font-size: 10px;
}

body {
    color: var(--dt-color-foreground-primary);
    font: var(--dt-typography-body-md);
    background-color: var(--dt-color-surface-primary);
    -webkit-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
}