/* Variables */

:root {
    --clr-accent-primary: #00917A;
    --clr-accent-primary-dark: #1a1a1a;
    --clr-accent-primary-light: #7fc2b6;

    --clr-accent-secondary: #f3f3f3;
    --clr-accent-secondary-dark: #dfdfdf;
  
    --clr-dark: hsl(0 0% 10%);
    --clr-light: hsl(0 0% 100%);
    --clr-muted: hsl(0 0% 60%);

    --clr-notice: #1e87f0;
    --clr-success: #32d296;
    --clr-warning: #faa05a;
    --clr-error: #f0506e;

    --clr-fiction: #D0270D;
    --clr-non-fiction: #163FCA;
    --clr-academic: #34BF2A;
    --clr-graphic-novels: #7315A5;
    --clr-children: #F6BD00;

    --clr-body: var(--clr-light);
    --clr-body-text: var(--clr-dark);
  
    --ff-primary: "Parkinsans", serif;
    --ff-accent: var(--ff-primary);
  
    --fw-light: 300;
    --fw-regular: 400;
    --fw-bold: 600;
  
    --fs-xs: 0.875rem;
    --fs-sm: 0.9375rem;
    --fs-md: 1rem;
    --fs-lg: 1.5rem;
    --fs-xl: 1.875;
  
    --fs-base: 16px;
    --fs-base-sm: 15px;
}