// Colors
$main-color: #a87f34;
$secondary-color: #2d3650;
$meta-color: #818181;
$text-color: #4b4b4b;
$heading-color: #343434;
$bg-light: #f8f8f8;
$bg-dark: #111111;
$border-color: #e5e5e5;
$border-color-dark: #202934;
$post-link-color: #2d95e3;

:root {
  --dinery-main-color: #a87f34;
}

// Fonts
$body-font: "Lora", sans-serif;
$heading-font: "Jost", sans-serif;

// Navbar
$nav-height: 100px;
$nav-short-height: 72px;

// Grid
$container-width: 1260px;

// Transitions
$all: all 0.2s cubic-bezier(0.43, 0.07, 0.61, 0.95);

// Heading Sizes
$h1-size: 2.375rem;
$h2-size: 2.3125rem;
$h3-size: 1.75rem;
$h4-size: 1.5rem;
$h5-size: 1.25rem;
$h6-size: 1rem;

$h1-size--sm-down: 2rem;
$h2-size--sm-down: 1.7rem;
$h3-size--sm-down: 1.5rem;
$h4-size--sm-down: 1.35rem;

$heading-font-weight: 700;

// Editor
$block-short-width: 800px;
$block-wide-width: 1240px;
$post-text-font-size: 1.375rem;
$post-title-font-size--xl-up: 3rem;
$post-title-font-size--lg-up: 2.5rem;

$left-sidebar: ".left-sidebar";
$right-sidebar: ".right-sidebar";
$fullwidth: ".fullwidth";

// Blockquotes / Pullquotes
$blockquote-text-font-size: 1.5rem;
$blockquote-text-font-size--large: 2rem;
$blockquote-text-line-height: 1.6;
$blockquote-citation-font-size: 0.875rem;
$blockquote-citation-font-size--large: 1rem;

$pullquote-text-font-size: 1rem;
$pullquote-text-font-size--small: 1.25rem;

// Colors
$editor-color-1: #a87f34; // gold
$editor-color-2: #2d3650; // blue
$editor-color-3: #343434; // dark
$editor-color-4: #4b4b4b; // grey
