@import url('https://fonts.googleapis.com/css2?family=DM+Serif+Display:ital@0;1&family=Kulim+Park:ital,wght@0,200;0,300;0,400;0,600;0,700;1,200;1,300;1,400;1,600;1,700&family=Manrope:wght@200..800&display=swap');

:root {
  --color-primary: #351313;
  --color-secondary: #E58848;
  --color-light-neutral: #FFF9F5;
  --color-light-neutral-50: rgba(255, 249, 245, 0.5);
  --color-dark-neutral: rgba(53, 19, 19, 0.5);
  --color-dark-neutral-30: rgba(90, 42, 42, 0.1);
  --color-gradient: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3));
  --color-gradient-fade-black: linear-gradient(180deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%);

  --font-serif-display: "DM Serif Display", serif;
  --font-kulim: "Kulim Park", sans-serif;
  --font-manrope: "Manrope", sans-serif;


  --font-h1-desktop: 72px;
  --font-h1-2-desktop: 48px;
  --font-h3-desktop: 48px;
  --font-h4-desktop: 48px;
  --font-h5-desktop: 32px;

  --font-h2-desktop: 24px;
  --font-h6-desktop: 24px;
  --font-text-big-desktop: 24px;
  --font-header-desktop: 20px;
  --font-header-small-desktop: 16px;
  --font-button-1-desktop: 20px;
  --font-button-2-desktop: 16px;

  --font-text-normal-desktop: 20px;
  --font-text-normal-bold-desktop: 20px;
  --font-text-small-desktop: 18px;
  --font-text-small-bold-desktop: 18px;
  --font-text-xsmall-desktop: 16px;


  --font-h1-mobile: 48px;
  --font-h1-2-mobile: 28px;
  --font-h1-3-mobile: 36px;
  --font-h3-mobile: 28px;
  --font-h4-mobile: 48px;
  --font-h5-mobile: 20px;

  --font-h2-mobile: 14px;
  --font-h6-mobile: 18px;
  --font-button-1-mobile: 16px;
  --font-button-2-mobile: 14px;
  --font-text-big-mobile: 18px;

  --font-text-normal-mobile: 16px;
  --font-text-normal-bold-mobile: 16px;
  --font-text-small-mobile: 14px;
  --font-text-small-bold-mobile: 14px;


  --line-height-tight: 1.2;
  --line-height-normal: 1.4;
  --line-height-relaxed: 1.6;
  

  --weight-regular: 400;
  --weight-medium: 500;
  --weight-semi-bold: 600;
  --weight-bold: 700;
}