// Font-family
$font-general-sans: 'GeneralSans', helvetica, arial, sans-serif;
$font-galaxie-copernicus: 'GalaxieCopernicus', georgia, serif;
$font-macam-type: 'MacamType', arial, verdana, sans-serif;

// Font-weights
$font-weight-semibold: 600;
$font-weight-medium: 500;

// Theme Colors
$color-white: #fff;
$color-black: #28262b;
$color-gray: #c9c8ca;
$color-gray-warm: #f4ecdd;
$color-pink: #ecb3cb;
$color-yellow: #f9e17d;
$color-blue: #7ba4db;
$color-orange: #ff514a;
$color-green: #006747;
$color-purple: #3f2a56;

// Spacings
$spacing-base: 0.25rem; // 4

$spacing-120: multiple(30);
$spacing-80: multiple(20);
$spacing-64: multiple(16);
$spacing-56: multiple(14);
$spacing-48: multiple(12);
$spacing-40: multiple(10);
$spacing-36: multiple(9);
$spacing-32: multiple(8);
$spacing-28: multiple(7);
$spacing-24: multiple(6);
$spacing-20: multiple(5);
$spacing-16: multiple(4);
$spacing-12: multiple(3);
$spacing-8: multiple(2);
$spacing-4: $spacing-base; // 4

// Break Points
$width-sm: 375px;
$width-md: 768px;
$width-lg: 1024px;
$width-xlg: 1280px;
$width-xl: 1366px;
$width-xxl: 1920px;
$width-pagination: 480px;

// Grid Break Points
$grid-breakpoints: (
  xs: 0,
  sm: $width-sm,
  md: $width-md,
  lg: $width-lg,
  xlg: $width-xlg,
  xl: $width-xl,
  xxl: $width-xxl,
  pagination: $width-pagination,
);

// Grid widths
$max-container-width: $width-xxl;

// Grid Columns
$column-number-mobile: 4;
$column-number-tablet: 8;
$column-number-desktop: 12;

// Grid Gutters
$grid-gutter-mobile: 20px;
$grid-gutter-tablet: 40px;
$grid-gutter-desktop: 80px;

// Column Guttes
$column-gutter-mobile: 40px;
$column-gutter-desktop: 48px;

// Transitions
$transition-timing-100: 100ms;
$transition-timing-250: 250ms;
$transition-timing-350: 350ms;
$transition-timing-500: 500ms;
$transition-default: $transition-timing-250 ease-in-out;
$transition-cursor: $transition-timing-100 ease-in-out;

// Element Sizes
$header-mobile-height: 72px;
$header-desktop-height: 152px;
$header-desktop-height-sticky: 60px;