/* Font Faces */
@font-face {
    font-family: 'PPNeueMontreal-Regular';
    src: url('/fonts/PPNeueMontreal-Regular.woff2') format('opentype');
  }
  
  @font-face {
    font-family: 'PPNeueMontrealMono-Regular';
    src: url('/fonts/PPNeueMontrealMono-Regular.woff2') format('opentype');
  }
  
  @font-face {
    font-family: 'OpenSans-Variable';
    src: url('/fonts/OpenSans-VariableFont_wdth,wght.ttf') format('truetype');
  }
  
  @font-face {
    font-family: 'OpenSans-Italic-Variable';
    src: url('/fonts/OpenSans-Italic-VariableFont_wdth,wght.ttf') format('truetype');
  }
  
  @font-face {
    font-family: 'PPNeueMontreal-Book';
    src: url('/fonts/PPNeueMontreal-Book.woff2') format('opentype');
  }

  @font-face {
    font-family: 'PPNeueMontreal-Medium';
    src: url('/fonts/PPNeueMontreal-Medium.woff2') format('woff2');
  }

  
  /* Root Variables */
  :root {
    /* Font Families */
    --font-heading: 'PPNeueMontreal-Regular', sans-serif;
    --font-mono: 'PPNeueMontrealMono-Regular', serif;
    --font-body: 'PPNeueMontreal-Book', sans-serif;
    --font-quote: 'OpenSans-Italic-Variable', sans-serif;
    --font-bold: 'PPNeueMontreal-Medium', sans-serif;
  
    /* Border Radius */
    --border-radius: 50px;
    --button-border: 2px solid var(--primary);
    --card-border: 0px; 
    --card-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
  
    /* Light Mode Colors */
    --primary: #FF7339;
    --secondary: #A796FF;
    --black: #000000;


    --promo: #FFE1C5;
    --light: #FAF5F0;
    --dark: #2D2321;
   
    --light-secondary: #BEA7A0;
    
    --body-bg: #FFFFFF;
  }
  
  [data-bs-theme="dark"] {
    /* Dark Mode Colors */
    --promo: #695A55;
    --light: #2D2321;
    --dark: #FAF5F0;

    --body-bg: #000000;
  }