@import url('https://fonts.googleapis.com/css2?family=Figtree:wght@400;600&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@600;700&display=swap');

@import "nx/nx.css";

:root {
  --primary: var(--p-primary-500);
  --primary-rgb: 245, 130, 32;
  --primary-hover: var(--p-primary-900);

  --p-primary-50: #FFF5EC;
  --p-primary-100: #FFEAD8;
  --p-primary-200: #FFD6B3;
  --p-primary-300: #FFBF8A;
  --p-primary-400: #FFAA66;
  --p-primary-500: #F58220;
  --p-primary-600: #DB751C;
  --p-primary-700: #C1671A;
  --p-primary-800: #A85A16;
  --p-primary-900: #8F4C12;
  --p-primary-950: #6B390E;


  --body-bg: white;
  --body-text-color: #424E59;
  --body-text-font: 'Figtree';
  --body-text-size: 20px;
  --body-text-weight: 400;

  --bg-dark: #013B49;

  --text-dark: #1C2125;
  --text-medium: var(--body-text-color);
  --text-inverse: white;

  --text-header-font: 'Outfit';
  --text-header-size: clamp(36px, 2vw + 1rem, 42px);
  --text-header-weight: 700;
  --text-header-color: var(--text-dark);

  --border-light: #E1DCD4;

  --p-button-padding-x: 32px;
  --p-button-padding-y: 13px;
  --p-button-label-font-weight: 700;
  --p-button-label-font-size: 16px;

  --p-button-sm-font-size: 16px;
  --p-button-sm-font-weight: 700px;
  --p-button-sm-padding-x: 20px;
  --p-button-sm-padding-y: 9px;

  --header-bg: white;
  --home-perks-title-color: var(--bg-dark);
}

.p-button {
  font-family: var(--text-header-font);
  white-space: nowrap;
}