:root {
  --vh: 1vh;

  /* GLOBAL */
  --c-bg--light: #fcfcfc;
  --c-bg--red: #f5d7ce;
  --c-border: #ccc;
  --c-border--hover: #999;
  --c-clickable: #333;
  --c-clickable--light: #999;
  --c-clickable--hover: #555;
  --c-clickable--light--hover: #bbb;

  --c-container-light: #f5f5f5;

  --c-link: #c0421b;
  --c-link--hover: #e47554;

  /* TEXT */
  --c-text: #333;
  --c-text--light: #666;
  --c-text--lighter: #bbb;
  --c-text--discrete: #999;
  --c-text--red: #c0421b;

  /* BUTTONS */
  --c-btn-focus-bg: #4596e2;
  --c-btn-focus-text: white;
  --c-btn-focus-bg--hover: #64aaeb;
  --c-btn-danger-bg: #a81c1c;
  --c-btn-danger-text: white;
  --c-btn-danger-bg--hover: #b44747;
  --c-btn-primary-bg: #f79007;
  --c-btn-primary-text: white;
  --c-btn-primary-bg--hover: #f8ab46;
  --c-btn-secondary-bg: white;
  --c-btn-secondary-text: #333;
  --c-btn-secondary-bg--hover: #ddd;

  /* INPUTS */
  --c-input-bg--focus: #fff;
  --c-input-bg--invalid: #ffe1e1;
  --c-input-text--invalid: #240101;

  --s-input-radio: 12px;
  --s-input-checkbox: 16px;

  /* HEADER */
  --c-header-unscrolled-bg: rgba(255, 255, 255, 0.25);
  --c-header-unscrolled-text: white;
  --c-header-scrolled-bg: white;
  --c-header-scrolled-text: #333;

  --c-menu-mobile-bg: #222;
  --c-menu-mobile-text: #efefef;
  --c-menu-mobile-text--hover: white;

  --h-header: 32px;

  /* FOOTER */
  --c-footer: var(--c-text);
  --c-footer_copyright: #bbb;

  /* MODAL */
  --c-modal-bg: white;

  /* USER NAVBAR */
  --h-user-navbar: 20px;
  --c-user_navbar-text: #efefef;
  --c-user_navbar-text--hover: #d2d2d2;
  --c-user_navbar-bg: #111;

  /* ADMIN */
  --c-admin_sidebar-text: #efefef;
  --c-admin_sidebar-bg: #333;

  --c-admin_sidebar-menu_item-bg--hover: #555;
  --c-admin_sidebar-menu_item-bg--active: #222;

  --c-file-editor-bg--script: #111;
  --c-file-editor-text--script: #efefef;
}