// Copyright 2018-Present Okta, Inc.

// 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.

// Establish Type Scale
// ASA: https://github.com/okta/odyssey/pull/8
$body-font-family: 'Proxima Nova', '-apple-system',  'BlinkMacSystemFont', 'Segoe UI', 'Roboto', 'Oxygen-Sans', 'Ubuntu', 'Cantarell', 'Helvetica Neue', sans-serif !default;

$base-font-size: 16px !default;
$scale-ratio: 1.2308 !default;
$base-line-height: 1.5 !default;
$heading-line-height: 1.2 !default;
$max-line-length: 32em !default;

// Spacing Variables

$base-spacing: $base-line-height * 1rem !default;
$small-spacing: $base-spacing / 2 !default;
$tiny-spacing: $small-spacing / 2 !default;
$big-spacing: $base-spacing * 2 !default;
$huge-spacing: $big-spacing * 2 !default;

$em-base-spacing: $base-line-height * 1em !default;
$em-small-spacing: $em-base-spacing / 2 !default;
$em-tiny-spacing: $em-small-spacing / 2 !default;
$em-big-spacing: $em-base-spacing * 2 !default;

// Animation/Transition Baselines

$base-duration: 100ms !default;
$base-timing: linear !default;

// Borders

$base-border-color: cv('gray', '300') !default;
$base-border-radius: 4px !default;
$border-default: 1px solid $base-border-color !default;

// Opacity

$more-opaque: 0.6 !default;
$med-opaque: 0.5 !default;
$less-opaque: 0.3 !default;