/**
 * @file
 * CSS variables for the RRC theme.
 */

:root {
  --clr-black: hsl(0 0% 0%);
  --clr-white: hsl(0 0% 100%);
  --clr-blue: hsl(240 100% 50%);

  --accent-color: var(--clr-blue);

  --fs-scale-300: 0.9375rem;
  --fs-scale-400: 1.375rem;
  --fs-scale-500: 2.375rem;
  --fs-scale-900: 5.875rem;

  --base-bg: var(--clr-white);
  --base-color: var(--clr-black);
  --base-accent-color: var(--accent-color);
  --base-font-family: 'Executive', sans-serif;
  --base-line-heigth: 1.3;
  --base-font-size-label: var(--fs-scale-300);
  --base-font-size-text: var(--fs-scale-400);
  --base-font-size-heading: var(--fs-scale-500);
  --base-font-size-name: var(--fs-scale-900);

  --header-bg: var(--clr-white);
  --header-color: currentColor;
  --header-height: 2em;

  --h-spacer: 1.375rem;
}