/*
 * This is a manifest file that'll be compiled into application.css.
 *
 * With Propshaft, assets are served efficiently without preprocessing steps. You can still include
 * application-wide styles in this file, but keep in mind that CSS precedence will follow the standard
 * cascading order, meaning styles declared later in the document or manifest will override earlier ones,
 * depending on specificity.
 *
 * Consider organizing styles into separate files for maintainability.
 */
@font-face {font-family: 'Bellota'; font-weight: 300; src: url("/assets/Bellota/Bellota-Light-7a4ed63e.ttf");}
@font-face {font-family: 'Bellota'; font-weight: 300; font-style: italic; src: url("/assets/Bellota/Bellota-LightItalic-54d62a90.ttf");}
@font-face {font-family: 'Bellota'; font-weight: 400; src: url("/assets/Bellota/Bellota-Regular-845deacc.ttf");}
@font-face {font-family: 'Bellota'; font-weight: 400; font-style: italic; src: url("/assets/Bellota/Bellota-Italic-ad4f9031.ttf");}
@font-face {font-family: 'Bellota'; font-weight: 700; src: url("/assets/Bellota/Bellota-Bold-d5c105f2.ttf");}
@font-face {font-family: 'Bellota'; font-weight: 700; font-style: italic; src: url("/assets/Bellota/Bellota-BoldItalic-595466e3.ttf");}

@font-face {font-family: 'Outfit'; src: url("/assets/Outfit/Outfit-VariableFont_wght-b61eadbf.ttf") format(opentype);}


:root {
  /* Primary & Secondary Colors */
  --p1: #FCD2AF;
  --p2: #FEC5BB;
  --s1: #FCD2AF;
  --s2: #F9DCC4;
  
  /* Dark Colors */
  --d0: #000000;
  --d1: #222222;
  --d2: #333333;

  /* Light Colors */
  --l0: #ffffff;
  --l1: #dddddd;
  --l2: #cccccc;

  /* Curve Amounts */
  --c1: 0.25rem;
  --c2: 0.50rem;
  --c3: 5rem;

  /* font-family: url("./app/fonts/Bellota"); */
  --outfit: 'Outfit', sans-serif;
  --bellota: 'Bellota'
}

*, html {
  margin: 0;
  padding: 0;

  box-sizing: border-box;
}