/*
 * This is a manifest file that'll be compiled into application.css.
 *
 * With Propshaft, assets are served efficiently without preprocessing steps. You can still include
 * application-wide styles in this file, but keep in mind that CSS precedence will follow the standard
 * cascading order, meaning styles declared later in the document or manifest will override earlier ones,
 * depending on specificity.
 *
 * Consider organizing styles into separate files for maintainability.

 *= require_tree .
 *= require_self
 */

@import url('https://fonts.googleapis.com/css2?family=Syne:wght@300;400;500&family=IBM+Plex+Mono:wght@300;400&display=swap');

:root {
  --light:   #F5F2ED;
  --dark:    #1B1B18;
  --primary: #C2BAB0;
  --accent:  #7E8C7B;

  --font-display: 'Syne', sans-serif;
  --font-body:    'IBM Plex Mono', monospace;
}

/* Container */

body {
  background-color: var(--light);
}