/*
 * Variables
 */

:root {

  /* Colors */

  --color_black:         #000;
  --color_gray_25:       rgb(25,25,25);
  --color_gray_50:       rgb(50,50,50);
  --color_gray_170:      rgb(170,170,170);
  --color_gray_230:      rgb(230,230,230);
  --color_gray_235:      rgb(235,235,235);
  --color_gray_245:      rgb(245,245,245);
  --color_gray_250:      rgb(250,250,250);
  --color_white:         #fff;

  --color_primary:       #1e275e;
  --color_secondary: #a59677;


  /* Document */

  --background_color:    var(--color_white);
  --link_color:          var(--color_primary);


  /* Fonts */

  --font_sans_serif:     "Palanquin", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif;

  /* 100,300,700 removed for performance reasons (+ not needed) */
  --font_weight_light:   400;
  --font_weight_normal:  400;
  --font_weight_regular: 400;
  --font_weight_medium:  500;
  --font_weight_bold:    600;

  --font_size_sm: 1.4rem;
  --font_size: 1.7rem;
  --font_line_height_addend: .5rem;
  --font_line_height: calc(var(--font_size) + var(--font_line_height_addend));
  --font_color: var(--color_primary);


  /* Navigation */

  --mobile_header_height: 59px;
  --mobile_navigation_height: 36px;
  --mobile_news_banner_height: 34px;


  /* Footer */

  --footer_text_size: var(--font_size_sm);
  --footer_text_color: var(--color_gray_170);
  --footer_text_hover_color: #6a6a6a;


  /* Grids */

  /* On update: Also change in config/application ....authors_per_row */
  --authors_per_row_xs: 3;
  --authors_per_row: 4;

  --authors_grid_width_xs: 100%;
  --authors_grid_width: 972px;
  --authors_internal_grid_width_xs: var(--authors_grid_width_xs);
  --authors_internal_grid_width: calc(var(--authors_grid_width) - 22px);
  --authors_grid_col_spacer: 16px;
  --authors_grid_row_spacer: 22px;

  --books_grid_width_xs: 100%;
  --books_grid_width: 1002px;
  --books_grid_col_spacer: 40px;
  --books_grid_row_spacer: 40px;

}