/**
 * Copyright (c) HashiCorp, Inc.
 * SPDX-License-Identifier: BUSL-1.1
 */

$base-font-size: 16px;

/* 
General sizing in rem values
* Deprecated - please use the HDS text component to style fonts https://helios.hashicorp.design/components/text 
*/
$size-2: 2.5rem; // 40px
$size-3: calc(24 / 14) + 0rem; // ~1.714rem ~27px
$size-4: 1.5rem; // 24px
$size-5: 1.25rem; // 20px
$size-6: 1rem; // 16px
$size-7: calc(13 / 14) + 0rem; // ~.929rem ~15px
$size-8: calc(12 / 14) + 0rem; // ~.857rem  ~13.7px
$size-9: 0.75rem; // 12px
$size-10: 0.5rem; // 8px
$size-11: 0.25rem; // 4px

/* Spacing vars in px */
$spacing-4: 4px;
$spacing-8: 8px;
$spacing-10: 10px;
$spacing-12: 12px;
$spacing-14: 14px;
$spacing-16: 16px;
$spacing-18: 18px;
$spacing-20: 20px;
$spacing-24: 24px;
$spacing-32: 32px;
$spacing-36: 36px;
$spacing-48: 48px;
$spacing-64: 64px;

/* Border radius */
$radius: 2px;
$radius-large: 4px;

/* Responsiveness */
// 960, 1152, and 1344 have been chosen because they are divisible by both 12 and 16
$mobile: 769px;
// 960px container + 4rem
$desktop: 960px + (2 * 32px);

/* Animations and transitions */
$speed: 150ms;
$speed-slow: $speed * 2;
$easing: ease-out;

/* Nav */
$drawer-width: 300px;
