/*
 * Design tokens of oldfactorycafe.gr, measured on the live site.
 * Generated from inventory/design/design-tokens.json by tools/design/tokens-css.mjs. Do not edit by hand.
 *
 * Breakpoints (CSS variables do not work inside @media, so they are written as numbers in the CSS):
 *   UIkit: 480px, 768px, 960px, 1220px
 *   Layout: 320px, 414px, 560px, 600px, 640px, 766px/767px, 768px, 959px/960px, 979px, 1024px, 1150px, 1259px, 1300px, 1360px
 *   Mobile menu below 1025px (max-width: 1024px)
 */
:root {
  /* Colours */
  --color-white: #ffffff;
  --color-black: #000000;
  --color-text: #616161;
  --color-text-menu: #5c5c5c;
  --color-text-dark: #212121;
  --color-text-base: #8e9091;
  --color-text-muted: #a4a6a8;
  --color-heading: #2f363b;
  --color-link: #77a3ec;
  --color-pagination-link: #6d92b4;
  --color-gold: #bb9665;
  --color-gold-alt: #bc9665;
  --color-gold-line: #caab68;
  --color-coffee: #5d4037;
  --color-coffee-light: #795548;
  --color-dark: #2c2c2c;
  --color-darker: #212121;
  --color-cookie-bg: #3d3d3d;
  --color-cookie-button: #303030;
  --color-page-bg: #efefef;
  --color-card-bg: #f5f5f5;
  --color-border: #ebebeb;
  --color-border-uikit: #ebebec;
  --color-footer-text: #7e858b;
  --color-footer-bar-text: #676c70;
  --color-brand-text: #444444;
  --color-popup-text: #333333;
  --color-popup-close: #aeaeae;
  --color-brown-fallback: #a52a2a;
  --color-overlay-40: rgba(0, 0, 0, 0.4);
  --color-overlay-50: rgba(0, 0, 0, 0.5);
  --color-overlay-85: rgba(0, 0, 0, 0.85);
  --color-header-gradient: linear-gradient(rgba(0, 0, 0, 0.5) 0px, rgba(0, 0, 0, 0.4) 10%, rgba(0, 0, 0, 0.3) 35%, transparent 97%, transparent 0px);
  --color-breadcrumb-gradient: linear-gradient(transparent 0px, transparent 50%, rgba(0, 0, 0, 0.1) 76%, rgba(0, 0, 0, 0.4) 93%, rgba(0, 0, 0, 0.59) 100%);
  --color-selection: #3399ff;
  --color-badge-success: #94d843;
  /* Font families */
  --font-base: Roboto, sans-serif;
  --font-page-title: "Noto Serif", serif;
  --font-slider-title: "Varela Round", sans-serif;
  --font-icons: FontAwesome;
  /* Font weights */
  --weight-light: 300;
  --weight-regular: 400;
  --weight-medium: 500;
  --weight-bold: 700;
  --weight-extra: 800;
  /* Font sizes */
  --size-xs: 12px;
  --size-sm: 14px;
  --size-base: 16px;
  --size-md: 18px;
  --size-lg: 20px;
  --size-xl: 24px;
  --size-2xl: 30px;
  --size-3xl: 36px;
  --size-hero: 72px;
  --size-error: 100px;
  /* Line heights */
  --leading-base: 26px;
  --leading-h1: 40px;
  --leading-h2: 30px;
  --leading-tight: 1.2;
  --leading-nav: 95px;
  /* Layout */
  --layout-inner-container: 1310px;
  --layout-container: 980px;
  --layout-page-container: 100%;
  --layout-content-max: 1310px;
  --layout-grid-gutter: 25px;
  --layout-panel-space: 30px;
  --layout-infobar-height: 40px;
  --layout-navbar-height: 95px;
  --layout-nav-gap: 30px;
  --layout-header-side-padding: 30px;
  --layout-page-header-height: 65vh;
  --layout-footer-padding: 20px 30px;
  --layout-map-height: 150px;
  /* Radius */
  --radius-none: 0;
  --radius-burger-line: 9px;
  --radius-popup: 4px;
  --radius-totop: 0 0 4px;
  --radius-round: 50%;
  --radius-bullet: 10px;
  /* Shadows */
  --shadow-popup: rgba(0, 0, 1, 0.3) 0px 0px 2px 2px;
  --shadow-title: rgb(0, 0, 0) 1px 1px 42px;
  /* Z-index */
  --z-header-overlay: 99;
  --z-page-title: 96;
  --z-sticky-nav: 999999;
  --z-burger: 999999;
  --z-cookie-bar: 2147483647;
  --z-lightbox: 999999999;
}