@use "sass:math";

$color-1: #2a99f4;
$color-4: #2a2e30;
$color-8: #dddddd;

$color-helper-6: #F2B900;
$color-helper-7: #1e2128;
$color-helper-8: #e5e6e8;

/*
 * Others
 */

$wrapper: 960px; // app pages view
$spacing: 0.25rem; // ($baseline / 6.4)
$options-sidebar-width: 47.5rem; 
$writers-panel-width: 185px; 
$app-sidebar: 28rem;
$app-sidebar-margin: 3rem;
$app-font-base: 1.4rem;

// Modular scale

$modularscale: (
  base: 1em, // 'em' only
  ratio: 1.125 //$major-second 
); 

// Min and Max screen width
$minScreen: 49rem;
$maxScreen: 100rem; 


// Baseline
$line-height: 1.5;
$baseline: math.div(1.6, 7); 

// Font size map
$h1: ms(5);
$h2: ms(4);
$h3: ms(3);
$h4: ms(2);
$h5: ms(1);
$h6: ms(0);
